我目前正在开发我的第一个网站。我不知道从哪里开始CSS页面,或者是否有任何我应该遵循的标准。
我将感谢任何链接或第一手建议。
发布于 2008-10-30 05:59:43
初学者经常犯的一个错误:
CSS也是语义的。试着表达概念,而不是格式。人为设计的例子:
错误:
div.red
{
color: red;
}
与此相对的是:
好:
div.error
{
color: red;
}
CSS应该是你在网站上使用的概念的格式伴随,所以它们应该在其中反映出来。这样你会变得更加灵活。
发布于 2008-10-30 20:47:26
克制过度指定类或id名称的冲动。使用上下文选择器或派生选择器。这让您可以轻松地定义页面区域的样式,但省去了管理和记住大量名称的麻烦。例如:
<ul id="nav">
<li class="navItem"><span class="itemText">Nav Item</span></li>
<li class="navItem"><span class="itemText">Nav Item</span></li>
</ul>
#nav { }
#nav .navItem { }
#nav .itemText { }
这是不必要的复杂,您会发现自己很快就会用完良好的语义描述。你最好像这样做:
<ul id="nav">
<li><span>Nav Item</span></li>
<li><span>Nav Item</span></li>
</ul>
#nav {}
#nav li {}
#nav li span {}
发布于 2008-10-30 06:28:31
我的第一个技巧是始终只使用外部样式表-尽量避免内联或标题样式。
尽可能多地使用类和ids。
我赞同A List Apart的建议。
虽然不是很漂亮,有时还有点老,但HTML Help by WDG有一些很好的参考资料。
Quirksmode.org有一个很棒的css兼容性表。
https://stackoverflow.com/questions/249357
复制相似问题