精通CSS高级Web标准解决方案读书笔记-01基础知识

  1. 在分配ID和类名是尽量与表现方式无关,想想如果页面都已表现方式命名,如表单通知都为red类,当要让通知显示为黄色时,就不好改了。所以应该以它是什么命名,而不是“它们的外观如何”来命名.
    精通CSS高级Web标准解决方案读书笔记-01基础知识_第1张图片
  2. 类功能强大但也可能被过度使用或滥用。css新手常常在几乎所用东西上添加类,从而试图更精细地控制它们nederland样式。早期的WYSIWYG编辑器也倾向于在应用样式的每个地方都添加类,这是一个坏习惯,称为‘多类症’,在文档中添加了无意义的代码。

this is new head

this is news text

More

这里每个元素被标为新闻的一部分。但是不需要这么多,可以将新闻条目放在一部分,并加上类名news,从而标识整个新闻条目。

this is new head

this is news text

More

这种方式删除不必要的类有助于简化代码,从而使页面跟整洁,更组件化,大大提高灵活性。

  1. 文档类型,DOCTYPE切换和浏览模式
    3.1. DTD(文档类型定义)是一组机器可读的规则,它们定义XML或HTML的特定版中中允许什么,不允许什么。在网页解析时通过这检查网页的有效性并采取相应措施。浏览器通过DOCTYPE声明来了解使用哪个DTD由此知道使用HTML的哪个版本。
    XHTML1.0声明

    3.2. 浏览器模式
    当浏览器厂商创建与标准兼容的浏览器时,他们希望确保向后兼容,所以创建了两种呈现模式:标准模式和混杂模式。在标准模式中,浏览器根据规范呈现页面;混杂模式中以宽松的向后兼容的方式。
    两种模式的差异,最显著的是在IE6中,标准模式下是正确的盒式模型,在混杂模式下使用老式的专有模型。Opera7和更高版本也在混杂模式中使用老式IE盒式模型。
    Mozilla和Safari还有第三种模式,‘几乎标准的模式’,除了在处理表格的方式上有些差异外,这种模式与标准模式相同。
    3.3. DOCTYPE切换
    浏览器根据DOCTYPE是否存在以及使用哪种DTD来选择呈现方法。如果XHTML文档包含形式完整的DOCTYPE,一般以标准模式呈现。对于HTML4.01文档,包含严格DTD的DOCTYOE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也是以标准模式呈现,但是过渡DTD而没有URI则以混杂模式呈现。DOVTYPE不存在或形式不正确则以混杂模式呈现。

小结

本章了解命名的原则,html版本,浏览器间的差异

你可能感兴趣的:(精通CSS高级Web标准解决方案读书笔记-01基础知识)