重新学习CSS正确的方式 [英] Re-learning CSS the right way

问题描述

我是一个做网络开发两年多的程序员。即使我在过去两年一直在做前端工程，我也不认为我已经做到了正确的方式。

例如：

I am a programmer doing web development for over two years now. Even though I’ve been doing front end engineering for the past two years I don’t think I have done it the right way
For instance:

• 我仍然使用表格进行布局，而不是只使用CSS。


• 我不知道 display：none 和 visibility：hidden （好吧，我现在知道了，但是有很多例子像padding，margin，overflows等）


• 我没有真正遵循继承的方式写CSS。几乎每个样式都以＃开头，而不是类。


• 每当页面加载缓慢时，html元素不在原位


• 我不知道这个图片在firebug中传输（顺便说一下，firebug是我的救世主，生活本来是不可能的，没有Firebug） / li>
  

• I still do layout with tables and not with just CSS. I haven’t still found out a way to correctly present data aligned and tabular.
• I don’t know the difference between display: none and visibility: hidden (well, I know it now. but there are many cases like- padding, margins, overflows etc)
• I haven’t really followed the inheritance way to writing CSS. Almost every style starts with a # and not a class.
• Whenever a page loads slowly the html elements are out of place and fall into order only when it’s completely loaded.
• I don’t know what this picture in firebug is conveying (by the way, firebug is my savior. Life would have been impossible without Firebug)

• 每当布局混乱时，我都试图使用position：absolute。

我知道我做了很多错误的事情（我需要得到它）这里，但我设法使事情到位，并以某种方式显示它，只是看到它在一个不同的浏览器。

I know I am doing a lot of things wrong(and I need to get it right) here but I manage to get things into place and somehow show it up, only to see it messed up in a different browser.

我不想在虚拟对象的CSS或CSS上做一个底漆。我知道更多。我想学习CSS正确的方式。专注于像我上面所示的例子和纠正他们的问题。

I don’t want do a primer on CSS or CSS for dummies. I know more than that. I want to learn CSS the right way. Focusing on problems like the examples I showed above and rectifying them.

您可以指定资源，或者添加CSS开发人员使用的常见建议和提示，以便正确使用。

Can you point me to resources or add common suggestions and tips used by CSS developers to get it right.

推荐答案

查看使用Web标准设计由Jeffrey Zeldman。

Check out Designing With Web Standards by Jeffrey Zeldman.

这篇关于重新学习CSS正确的方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！