CSS——读书笔记

《精通CSS 高级web标准解决方案(第2版)》

目录：

1. 基础知识（设计代码的结构）
2. 为样式找到应用目标（选择器及样式表维护）
3. 可视化格式模型（盒子模型及定位）
4. 背景图像效果（背景、边框及图像）
5. 对链接应用样式（链接）
6. 对列表应用样式和创建导航条（列表样式及导航菜单）
7. 对表单和数据表格应用样式（表单和数据表格）
8. 布局（实现浮动等各种布局）
9. bug和修复bug（bug定位及解决方法）
10. 实例研究——Roma Italia
11. 实例研究——Climb the Mountains

第一章：基础知识

1.设计代码的结构

》CSS控制页面外观，并且将文档与内容分隔开，简化标签。

》ID用于表示页面上的特定元素(如站点导航)，而且必须是唯一的。

》类名可以用于页面上任意多个元素。

》元素命名要根据它们是什么，而非它们长什么样。类名&ID->全小写加连字符

》div可以将文档分割为几个有意义的区域。div可以用来对块级元素分组，span可以用来对行内元素分组或标识。

》微格式：基于vCard、iCalendar等现有的数据格式。

　　当前有9个正式的微格式，还有14个格式草案：

• 用于日期、日历和时间的hCalendar
• 用于人和组织的hCard
• 用于人之间关系的XFN
• 用于产品说明的hProduct（草案）
• 用于原料和烹调步骤的hRecipe（草案）
• 用于产品和事件审查的hReview（草案）
• 用于博客帖子等片段式内容的hAtom（草案）

》CSS版本：

　　1996——CSS1

　　1998——CSS2

总的来说CSS3主要拥有以下几个新的亮点：

　　高级选择器，圆角，多背景，@font-face动画与渐变，渐变色，Box 阴影，RGBa - 加入透明色，文字阴影，图形化边界 。

》有效性验证：http://validator.w3.org/　　bookmarket(favelet)　　firefox插件