再读《精通css》01
2014-06-25 00:00
316 查看
第一章：基础知识
1.1 设计代码的结构
1、使用语义标签。当存在有意义合适的元素时就应该使用。比如h1，ul，thead，blockquote,city,code,abbr,acronym,lable等等。
2、取有意义且与表现无关的id和class。subNav比rightHandNav好，因为以后你可能会把他放到左边而导致css和Html不一致。
+-------------------------------------+
| 好的名称 | 不好的名称 |
|-----------------|-------------------|
|error | red |
|secondaryContent | leftColumn |
|mainNav | topNav |
|intro | firsPara |
+-------------------------------------+
3、xhtml区分大小写，推荐使用驼峰式大小写来命名id和class，而不是用下划线"_"或其他符号隔开单词。
4、尽量少的使用class（和Id）。只有在不得已的时候才使用，这样可以保证html代码结构清晰、简洁。如果发现你的代码中有很多的class很可能你的html写的有问题。
5、div的语义是“部分（division）”。应该只有在没有其他元素能够实现区域分割的情况下使用div。尽量少的使用div，防止“多div症”。
6、目标是代码简洁且有意义。但有时为了效果不得不添加少量没有意义的标签以辅助。
7、我们所说的css都是指的css2.1
8、DTD（文档类型定义）是一组机器可读的规则。他们定义在xml和（x）html中什么是允许的，什么是不允许的。在解析网页时，浏览器使用这些规则来检查页面的有效性。
9、DOCTYPE声明是（X）HTML文档开头的一行或两行代码。如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
10、有效性检验很重要，它有助于找到代码中的bug。可以通过http://validator.w3.org或用fireBug等工具进行检验。
11、浏览器为了既能符合标准，又能向后兼容。他们建立了两种表现模式：标准模式和怪异模式。标准模式根据标准表现，怪异模式向后兼容。
12、IE6在标准模式中使用标准的盒状模型，在怪异模式使用IE专有的盒状模型。
13、浏览器根据DOCTYPE是否存在和DTD来决定使用标准模式还是怪异模式。http://meyerweb.com/eric/dom/dtype/dtype-grid.html中详细说明了各种浏览器如何更具DOCTYPE来选择表现方式。
14、使用Deamweaver新建的页面一般都符合标准模式！
1.1 设计代码的结构
1、使用语义标签。当存在有意义合适的元素时就应该使用。比如h1，ul，thead，blockquote,city,code,abbr,acronym,lable等等。
2、取有意义且与表现无关的id和class。subNav比rightHandNav好，因为以后你可能会把他放到左边而导致css和Html不一致。
+-------------------------------------+
| 好的名称 | 不好的名称 |
|-----------------|-------------------|
|error | red |
|secondaryContent | leftColumn |
|mainNav | topNav |
|intro | firsPara |
+-------------------------------------+
3、xhtml区分大小写，推荐使用驼峰式大小写来命名id和class，而不是用下划线"_"或其他符号隔开单词。
4、尽量少的使用class（和Id）。只有在不得已的时候才使用，这样可以保证html代码结构清晰、简洁。如果发现你的代码中有很多的class很可能你的html写的有问题。
5、div的语义是“部分（division）”。应该只有在没有其他元素能够实现区域分割的情况下使用div。尽量少的使用div，防止“多div症”。
6、目标是代码简洁且有意义。但有时为了效果不得不添加少量没有意义的标签以辅助。
7、我们所说的css都是指的css2.1
8、DTD（文档类型定义）是一组机器可读的规则。他们定义在xml和（x）html中什么是允许的，什么是不允许的。在解析网页时，浏览器使用这些规则来检查页面的有效性。
9、DOCTYPE声明是（X）HTML文档开头的一行或两行代码。如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
10、有效性检验很重要，它有助于找到代码中的bug。可以通过http://validator.w3.org或用fireBug等工具进行检验。
11、浏览器为了既能符合标准，又能向后兼容。他们建立了两种表现模式：标准模式和怪异模式。标准模式根据标准表现，怪异模式向后兼容。
12、IE6在标准模式中使用标准的盒状模型，在怪异模式使用IE专有的盒状模型。
13、浏览器根据DOCTYPE是否存在和DTD来决定使用标准模式还是怪异模式。http://meyerweb.com/eric/dom/dtype/dtype-grid.html中详细说明了各种浏览器如何更具DOCTYPE来选择表现方式。
14、使用Deamweaver新建的页面一般都符合标准模式！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 再读《精通css》01
- 再读C++ Primer 写了个小例子（08-01-16）
- 再读《精通CSS》笔记
- 再读C++ Primer 写了个小例子——运算符重载（08-01-17）
- 再读《精通css》00
- 再读C++ Primer 写了个小例子——模板的操作（08-01-18）
- 再读《精通css》06：背景图片
- 再读《精通css》04：盒模型和空白边叠加
- 再读《精通css》07：圆角
- 再读《精通css》02：选择器
- 再读《精通css》00
- 再读《精通css》07：圆角
- 再读C++ Primer 写了个小例子——练习多态虚函数的特性（08-01-25）
- 再读《精通css》00
- 再读《精通css》06：背景图片
- 再读《精通css》08：阴影
- 再读《精通css》03：引入和注释
- 再读《精通css》02：选择器
- 再读《精通css》08：阴影
- 再读《精通css》02：选择器