传智播客 网页平面设计学院 只花一份钱 ， 同时掌握网页 、 平面 、 UI 、 Flash 四种技能 http://icd.itcast.cn
第 2 页
第一课 CSS 核心基础（一） .................................................................................................................................................... 3
一、 Web 标准 ............................................................................................................................................................................... 3
1.1 什么是 Web 标准、
W
eb 标准的目的、 Web 标准的构成 ....................................................................................... 3
1.1.1 什么是 Web 标准 ............................................................................................................................................. 3
1.1.2 web 标准的目的 ............................................................................................................................................... 3
1.1.3 web 标准的构成 ............................................................................................................................................... 3
1.2 采用标准的好处 ........................................................................................................................................................... 3
1.3 理解表现与结构的分离 ............................................................................................................................................... 4
二、 什么是 CSS ........................................................................................................................................................................... 4
三、 在 HTML 中引入 CSS 的方法 ........................................................................................................................................... 4
3.1 行内式 ............................................................................................................................................................................ 4
3.2 嵌入式 ............................................................................................................................................................................ 4
3.3 导入式 ............................................................................................................................................................................ 5
3.4 链接式 ............................................................................................................................................................................ 5
四、 CSS 基本选择器 .................................................................................................................................................................. 5
4 . 1 标记选择器 ................................................................................................................................................................... 5
4 . 2 类别选择器 ................................................................................................................................................................... 6
4 . 3 ID 选择器 ....................................................................................................................................................................... 8
五、 CSS 常用属性 ...................................................................................................................................................................... 9
5 . 1 CSS 控制字体 ................................................................................................................................................................ 9
5 . 2 CSS 长度单位 .............................................................................................................................................................. 10
5 . 3 CSS 颜色单位 .............................................................................................................................................................. 10
第二课 CSS 核心基础（二） .................................................................................................................................................. 10
一、 CSS 复合选择器 ................................................................................................................................................................ 10
1.1 “ 交集 ” 选择器 ( 标签指定式选择符 ) ..................................................................................................................... 10
1.2 “ 并集 ” 选择器 ( 选择符分组 ) ................................................................................................................................. 12
1.3 “ 后代 ” 选择器 ( 包含选择符 / 嵌套 / 派生 ) .............................................................................................................. 13
二、 CSS 继承性 ......................................................................................................................................................................... 15
三、 CSS 层叠性 ......................................................................................................................................................................... 18
四、 CSS 控制 文本 属性 ............................................................................................................................................................ 19
五、 CSS 控制超链接文字样式 ................................................................................................................................................ 19
六、 综合实例 ............................................................................................................................................................................. 20
6.1 综合实例－百度搜索结果页 ..................................................................................................................................... 20
6.2 综合实例－搜狐教育频道内容页 ............................................................................................................................. 21
第 三 课 盒子模型 ....................................................................................................................................................................... 24
一、 CSS 盒子模型 .................................................................................................................................................................... 24
1.1 深入了解盒子模型 ..................................................................................................................................................... 24
1. 2 属性值的简写形式 ..................................................................................................................................................... 25
二、 标准文档流 ......................................................................................................................................................................... 26
2 .1 块级元素与内联元素 ................................................................................................................................................. 26
2 . 2 盒子在标准文档流里的定位原则 ............................................................................................................................ 27
2.2.1 内联元素之间的水平 margin ........................................................................................................................ 27
2.2.2 块级元素之间的垂直 margin ........................................................................................................................ 28
三、 页面模块的常用 CSS 命名 ............................................................................................................................................... 29
四、 综合实例 ............................................................................................................................................................................. 30
4. 1 综合实例－搜狐时事热闻 ........................................................................................................................................ 30
4 . 2 综合实例－搜狐品质生活 ........................................................................................................................................ 31
