读书笔记--精通CSS高级Web标准解决方案（一）---CSS基础

书籍介绍：

第二版，作者Andy Budd，陈建瓯翻译。读完这本书感觉还是获益良多，读完之后，对之前不是很清晰的概念有了进一步认识，比如盒子模型、定位与浮动。最重要的收获是知道了一些常见的css效果的实现方式，比如圆角、tab页，tip框等，而且书中给出的实现方式都非常的简单，只是使用css，而没有使用任何js就可以实现很好的效果。另外，书写得很容易理解，读起来很快，一周就可以读完，例子也很详细。总之，是本好书。

第一章：基础知识

1、css与html的关系，html控制内容，css控制表现，html文档应该尽量选择有意义的标签，在完全屏蔽css结构时，也能呈现良好的可读性。

2、关于css的id和类名称的命名，命名应该尽量与表现方式无关，应该根据“它们是什么”来命名，而不因该根据“它们外观如何”来命名，例如好的命名error、intro，差的命名red、leftColumn等，多个单词之间用连字符分隔较好，例如：andy-budd比andyBudd清楚很多。

3、作者建议只需要在某一有意义的块上挂id或者class，然后通过各种子选择器等，为这个块中具体各个元素添加样式风格，之前在另外一本国内的书《编写高质量前段代码》上看到的是说，少用子选择器，少用继承，多用组合，当然这是仁者见仁智者见智，我觉得需要区分具体使用场景，如果页面上各部分的差异风格相差很大，则直接在这部分的块上挂id或css，如果页面各部分有差异，但是，差异的内部又有相似的字块，这种情况适合类的组合。

4、微格式：由于HTML中缺少相应的元素，很难突出显示人、地点和日期等类型的信息，所有有人就开发了一套标准的命名约定和标记模式来表示这些数据，可以通过其他的软件或浏览器插件读取这些标记的类容，并且加以使用，比如发送到手机

5、不同的HTML或CSS版本，目前主要使用的是CSS2.0和CSS2.1，对于CSS3的部分新特性，较新的浏览器支持，但是老的，特别是IE不怎么支持，所以对于前台的开发人员，特别是中国的开发人员，有好东西而不能使用，的确很郁闷。现在目前使用的html版本主要是HTML4.01，HTML4.01的XML版命名为XHTML1.0，两者的主要差异是后者遵守了XML的编码约定，所有的属性必须有引号，所有的元素必须是封闭的。XHTML1.1比XHTML1.0更接近XML。有一个重要的差异是，XHTML1.0可以作为HTML文档，而XHTML1.1页面是作为XML发送给浏览器，这意味，即使XHTML1.1页面只包含了一个错误，Web浏览器也不会显示页面。关于未来，HTML5的前途很光明,XHTML2的开发已经停止了。

6、文档类型、DocType和浏览器模式。DOCTYPE申明是指文档开头处的一行或两行代码，他描述使用哪个dtd，DOCTYPE目前有两种风格，严格（strict）和过度(transitional)。

7、浏览器模式，为了浏览器向后兼容，有两种模式，标准模式和混杂模式。在标准模式模式中，浏览器根据标准显示页面，而在混杂模式，浏览器较宽松的向后兼容的方式显示页面，防止老站点无法显示。浏览器根据DOCTYPE是否存在以及使用哪种DTD来选择是要使用标准模式还是混杂模式。对于HTML4.01文档，包含严格dtd的doctype常常以标准模式呈现，但是有过度dtd而没有uri会导致已混杂模式呈现，doctype不存在或者形式不正确回导致html和xhtml文档以混杂模式呈现。所以，编写的页面，一定要加上正确的doctype申明。值得注意的是，如果doctype声明不是页面上的第一个元素，那么IE6会自动切换到混杂模式，特别需要注意不要在doctype声明前加xml声明。