《CSS Mastery》读书笔记(一):SETTING THE FOUNDATIONS

CSS Mastery 这本书是我看了了博客园的《欲练 CSS ,必先宫 IE》以及相关文章后,经作者介绍来看本书的。读本书旨在了解一些CSS布局的方法,因为一直以来本人都是Table布局的忠实拥护者。 本文总结的是《CSS Mastery》的第一章的内容。COPY概要如下:

  • Structuring your code
  • The importance of meaningful documentation
  • Naming conventions
  • When to use IDs and class names
  • Microformats
  • Different versions of HTML and CSS
  • Document types, DOCTYPE switching, and browser modes

本部分首先介绍了一个网页格式编排的简史,旨在说明格式和内容不分开的做法是很不好的。此外,我们要的是网页代码中“有意义”的标签,而不是一团乱。 “有意义”的标签有以下好处:1、便于人理解;2、便于搜索引擎理解;3、便于浏览器等机器理解。有意义的标签有:h1, h2, ul, ol, dl, strong, em, blockquote, cite, abbr, code, acronym, label, thead 等等。 有了有意义的标签,还会用到 ID 和 Class 属性,这时需要注意的是 ID 是用来指定特定的东西,而如果能归为一类,尽量归为一类使用Class。这样,可以避免很多繁琐的麻烦,也使代码维护更加简单。 关于 ID 和 Class 的命名,看下图就了解了:
image

此外,要注意大小写是敏感的噢。写代码的人应该对命名再熟悉不过了,不用多说。 ID 和 Class 很多时候都是放在 Div 和 Span 里面的。这是两个容易让人误解为“没有含义”的标签。其实 Div 的意思是 division ,即把文档切分为几个有意义的局部。所以要根据 Div 本身的含义来使用 Div 标签。 以上讲的都是自定义格式,其实对于地址、联系方式等全球通用的信息,有人为它们设计了专门的全球通用的CSS样式(Microformat)。比如 hCard、hCalendar、hProduct等等。已经有不少大型门户网站采用了它们的设计。 本章最后讨论的问题是 HTML 、 CSS版本的问题和文件头的问题,这似乎是面试喜欢考的题目。在书中第17页开始,有兴趣自己看吧! 本文结束。