首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在编写我的第一个样式表时,有没有什么CSS标准需要我遵循?

在编写我的第一个样式表时,有没有什么CSS标准需要我遵循?
EN

Stack Overflow用户
提问于 2008-10-30 05:34:42
回答 13查看 2.7K关注 0票数 15

我目前正在开发我的第一个网站。我不知道从哪里开始CSS页面,或者是否有任何我应该遵循的标准。

我将感谢任何链接或第一手建议。

EN

回答 13

Stack Overflow用户

回答已采纳

发布于 2008-10-30 05:59:43

初学者经常犯的一个错误:

CSS也是语义的。试着表达概念,而不是格式。人为设计的例子:

错误:

代码语言:javascript
复制
div.red
{
    color: red;
}

与此相对的是:

好:

代码语言:javascript
复制
div.error
{
    color: red;
}

CSS应该是你在网站上使用的概念的格式伴随,所以它们应该在其中反映出来。这样你会变得更加灵活。

票数 30
EN

Stack Overflow用户

发布于 2008-10-30 20:47:26

克制过度指定类或id名称的冲动。使用上下文选择器或派生选择器。这让您可以轻松地定义页面区域的样式,但省去了管理和记住大量名称的麻烦。例如:

代码语言:javascript
复制
<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 { }

这是不必要的复杂,您会发现自己很快就会用完良好的语义描述。你最好像这样做:

代码语言:javascript
复制
<ul id="nav">
  <li><span>Nav Item</span></li>
  <li><span>Nav Item</span></li>
</ul>

#nav {}
#nav li {}
#nav li span {}
票数 13
EN

Stack Overflow用户

发布于 2008-10-30 06:28:31

我的第一个技巧是始终只使用外部样式表-尽量避免内联或标题样式。

尽可能多地使用类和ids。

我赞同A List Apart的建议。

虽然不是很漂亮,有时还有点老,但HTML Help by WDG有一些很好的参考资料。

Quirksmode.org有一个很棒的css兼容性表。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/249357

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档