CSS学习笔记--第一章

笔记：CSS高级Web标准解决方案   

2012 年暑假自学

Andy Budd  
Simon Collison[著]
Cameron Moll
第一章 ：基础知识
学习css最好的方式就是从一开始直接使用它。

1.设计代码的结构
网页越来越有表现力， 但代码的维护越来越困难。 设计器虽然让布局摆脱了编辑的复杂性，但是却引入了自己一套复杂的标记， 而且找BUG很困难，但如果是从头到尾自己写的页面，就比较容易。 表格布局不易控制，虽然有人曾经想过办法， 在单元格中假如图片，避免表格自动缩小从而控制单元格的大小，但是不行啊， 这种方法早就过时了。 
HTML的名声坏了。 在千禧年CSS的出现让布局返璞归真。
    2.有意义的文档的重要性有意义的标记为开发人员提供的几个重要好处：
    跟容易处理 搜索代码 便捷的调整 容易维护 更新
 
3.命名约定
HTML 中有意义的元素
h1 h2
ul ol dl 
strong  em 
blackquote cite 
abbr acronym code 
fieldset legend label
caption thead tbody tfoot等 
如果元素有掐按当含义就该使用。


4. 什么时候使用ID 什么时候使用CLASS
ID用于表示页面上的特定元素而且必须是唯一的。 一个类可以用于页面上任何多的概念上相似的元素，所以类的功能强大得多。 
在命名的时候一定要注意命名一定要和表现方式无关。 应该根据他是什么而去命名，从而让代码更有意义。  注意命名的时候区分大小写而且单词之间要连字符隔开。
对于DIV和SPAN 的使用注意不能陷入多DIV 症中， 知道在什么时候折中。
5.微格式
由于HTML中缺少相应的元素，很难显示某些特定类型的信息，所以有一组人开发了标记模式来表示这些数据。 现在称为微格式（microformat)
目前有十四中微格式
日历和时间的事件的Hcalender
人和组织的hCard
人之间关系的XFN
产品和事件审查的hReview……


6.HTML和CSS的不同版本
css有多个版本，要知道使用的是哪个版本的是相当重要的， 现在CSS2.1正在逐步完成，因此使用这个版本。 一群开发人员决定开发自己的规范，于是催生了HTML5 更现代的标记语言，已入了新的结构性元素，header nav acticle section footer等
7.文档类型、DOCTYPE切换和浏览器模式


DTD文档及其可读性规则，定义html中应该有什么不应该有什么， 浏览器解析的时候可根据DOCYTYPE解析使用的那个DTD ， 知道是那个HTML的版本。 
DTD的URL和文档的风格 ， 过度的还是严格的。。
bug验证：


为了实现浏览器的向后兼容性， 创建了两种模式： 标准模式和混杂模式（防止老的站点由于浏览器的更新而无法工作）。
DTD没有url或者不正确则会是浏览器一混杂的模式呈现。
 
每个页面必须要有完整的文档声明， 使用html的时候选择使用严格的DTD。
如果docytype的声明不是页面上的第一个元素，在IE6中会自动切换到混杂模式。