《精通CSS:高级Web标准解决方案》学习笔记之一：基础知识

1.在整个站点上，ID名应该用于概念上相似的元素以避免混淆。一个ID名只能应用于页面上的一个元素，而一个类名可以应用于页面上任意数量的元素。类非常适合标识内容的类型或相似的项目。
2.在分配ID或类名时，一定要尽可能保持名称有意义并与表现方式无关。
3.在写类名和ID名时，需要注意区分大小写。CSS大体上是不区分大小写的语言。但是，在标记中实体（比如类名或ID名）是否区分大小写取决于标记语言是否区分大小写。如果使用的是XHTML，那么类名和ID名师区分大小写的；如果使用常规的HTML，那么是不区分大小写的。处理这个问题的最好方式是保持命名的一致性。如果在(X)HTML类名中使用驼峰式大小写，那么在CSS中也采用这种方式。
4.删除不必要的类有助于简化代码，使页面更简洁。无论如何，这种对类名的国度以来是不必要的。我常常只在不适合使用ID的情况下对元素应用类，而且尽可能少使用类。我创建的大多数文档常常只需要添加几个类。如果你发现自己添加了许多类，那么这可能意味着你的(X)HTML文档的结构有问题。
5.为了将不必要的标记减到最少，应该只在没有现有元素能够实现区域分割的情况下使用div元素。例如，如果使用主导航列表，那么不需要将它包围在div中。
<div id="mainNav">
 <ul>
  <li>Home</li>
  <li>About</li>
  <li>Contact</li>
 </ul>
</div>
可以完全删除div，直接在列表上应用ID：
<ul id="mailNav">
 <li>Home</li>
 <li>About</li>
 <li>Contact</li>
</ul>
6.过度使用div常常称为"多div症"(divitus)，这是代码结构不合理而且过分复杂的一个信号。一些CSS新手会尝试用div重建自己原来的表格结构。但是，这只是用一套不必要的标签替换了另一套不必要的标签。实际上，应该使用div根据条目的意义活功能（而不是根据它们的表现方式或布局）对相关条目进行分组。
7.div可以用来对块级元素进行分组，而span可以用来对行内元素进行分组或标识。
8.一般不需要对行内元素进行分组或标识，所以使用span的情况比div绍。在实现图像替换等效果时会看到span,在这种情况下，它们用做额外的钩子，可以应用额外的样式。
9.DOCTYPE切换时浏览器用来区分遗留文档和符合标准文档的手段。无论是否编写了有效的CSS，如果选择了错误的DOCTYPE，那么页面就将以怪异模式表现，其表现就可能会有错误或不可预测。
10.XML声明是XML文件使用的可选声明，它定义使用的XML版本和字符编码类型等设置。不幸的是，如果DOCTYPE声明不是页面上的第一个元素，那么IE6会自动切换到怪异模式。因此，除非要将页面用做XML文档，否则最好避免使用XML声明。
11.:link和:visited成为链接伪类，只能应用于锚元素。:hover,:active和:focus成为动态伪类，理论上可以应用于任何元素。不幸的是，只有少数现代浏览器（比如Firefox)支持这种功能。IE6和更低版本只注意应用于锚链接的:active和:hover选择器，完全忽略:focus.
12.一种有意思的使用特殊性的方法是在主题(body)标签上应用类或ID。这样做之后，就可以根据页面或在站点范围内覆盖样式。例如，如果希望主页具有与站点其余部分不同的布局，那么可以在主页的主题元素上添加一个类名，并且使用它覆盖样式：
#content { float:left; }
.homepage #content { float:right; }
13.继承非常有用，以为它使开发人员不必再每个后代上添加相同的样式。如果打算设置的属性是一个继承的属性，那么也可以将它应用于父元素。正如恰当地重叠可以简化CSS，恰当地使用继承也可以减少代码中选择器的数量和复杂性。但是，如果大量元素继承各种样式，那么判断样式的来源就会变得困难。
14.可以将多个样式表导入一个样式表，然后将这个样式表链接到HTML页面中
@import url(/css/layout.css);
@import url(/css/typography.css);
@import url(/css/color.css);
这样可以降低(X)HTML文档的复杂性，并且与许在一个位置管理所有样式表。导入规则需要放在样式表的最前面，否则它们可能工作不正常。因为先考虑导入的样式表，然后再考虑链接的样式表，所以一定要记住链接的样式表中的规则会覆盖导入的规则。 
15.在创建新的样式表时，我做的第一件事是在开头加一个注释块，它描述这个样式表的用途、创建日期或版本号、创建者以及如何与创建者联系。这样使其他开发人员能够了解这个文件的概况，了解它是否是最近编写的，如果某些东西无法理解，他们还可以与原来的作者联系。
16.有时候，可能需要用某种技巧解决某个问题。在这种情况下，最好记录这个问题、你使用的解决方案和解释这个修复方法的URL(如果有的话).
17.为了使注释更有意义，可以使用关键字来区分重要的注释。我使用TODO来表示某些东西需要在以后进行修改、修复或复查；使用BUG表示代码或特定浏览器遇到的问题；使用KLUDGE表示并不完善的权宜之计；还可以使用关键字TRICKY提醒其他开发人员注意某些特别复杂的代码段。
18.注释会使CSS文件显著加大。因此，你可能需要从样式表中去掉一些注释。优化器不但能够删除注释，还可以删除空白，这样可以从代码中去掉额外的字节。
19.样式指南是一个文档、网页或小型站点，它们解释代码和站点的视觉设计是如何组合在一起的。好的样式指南应该首先概述站点结构、文件结构和命名约定。它应该详细描述编码标准，设计人员、开发人员和内容编辑人员需要遵守这些标准，从而保持站点的质量。
20.对于简单的web站点，可以只适用一个CSS文件。对于大型的复杂站点，对样式表进行分割以便简化维护是一种好做法。我一般用一个CSS文件处理基本布局，用另一个文件处理版式和实际修饰。请记住，每个CSS文件都意味着要对服务器进行一次额外的调用。这会影响性能，所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件。最终选择取决于实际情况，我倾向于尽可能保持灵活性和维护的简单性。

转载于:https://www.cnblogs.com/longer/archive/2008/05/13/1195507.html