从0到1 CSS进阶之旅 莫振杰 著 专业科技 文轩网

第1章基础知识1
1.1CSS进阶简介1
1.1.1你真的精通CSS吗1
1.1.2进阶教程简介2
1.2CSS单位3
1.2.1绝对单位3
1.2.2相对单位3
1.3CSS特性11
1.3.1继承性11
1.3.2层叠性13
1.4CSS优先级15
1.4.1引用方式冲突15
1.4.2继承方式冲突16
1.4.3指定样式冲突16
1.4.4继承样式和指定样式冲突19
1.4.5!important20
1.5CSS引用方式22
1.5.1外部样式表23
1.5.2内部样式表23
1.5.3行内样式表24
1.6CSS选择器25
1.6.1后代选择器26
1.6.2子代选择器27
1.6.3兄弟选择器28
1.6.4相邻选择器29
1.7:first-letter和:first-line32
1.7.1:first-letter选择器32
1.7.2:first-line选择器32
第2章CSS规范34
2.1CSS规范简介34
2.2命名规范34
2.2.1CSS文件命名35
2.2.2id和class命名35
2.3书写规范38
2.4注释规范40
2.4.1顶部注释40
2.4.2模块注释40
2.4.3简单注释41
2.5CSS reset41
2.5.1什么是CSS reset41
2.5.2为什么要用CSS reset42
2.5.3如何使用CSS reset42
第3章盒子模型45
3.1CSS盒子模型45
3.2深入border48
3.2.1性能差异48
3.2.2兼容差异48
3.3深入padding48
3.4外边距叠加50
3.4.1外边距叠加的3种情况51
3.4.2外边距叠加的意义53
3.5负margin技术54
3.5.1负margin简介54
3.5.2负margin技巧57
3.6overflow64
第4章display属性67
4.1块元素和行内元素67
4.1.1块元素67
4.1.2行内元素68
4.2display简介69
4.2.1block元素69
4.2.2inline元素70
4.2.3inline-block元素70
4.3display:none72
4.3.1display:none简介72
4.3.2display:none和visibility:hidden的区别73
4.4display:table-cell75
4.4.1图片垂直居中于元素75
4.4.2等高布局77
4.4.3自动平均划分元素79
4.5去除inline-block元素间距80
第5章文本效果84
5.1文本效果简介84
5.2深入text-indent84
5.3text-align87
5.3.1text-align起作用的元素88
5.3.2text-align:center;与margin:0 auto;89
5.4深入line-height89
5.4.1line-height的定义90
5.4.2深入line-height91
5.5深入vertical-align97
5.5.1vertical-align属性取值97
5.5.2vertical-align属性应用99
第6章表单效果104
6.1表单效果简介104
6.2深入radio和checkbox105
6.3深入textarea106
6.3.1固定大小，禁用拖动106
6.3.2在Chrome（或Firefox）和IE中
实现相同的外观109
6.4表单对齐110
第7章浮动布局113
7.1正常文档流和脱离文档流113
7.1.1正常文档流113
7.1.2脱离文档流114
7.2深入浮动116
7.3浮动的影响118
7.3.1对自身的影响119
7.3.2对父元素的影响119
7.3.3对兄弟元素的影响121
7.3.4对子元素的影响125
7.4浮动的副作用126
7.5清除浮动128
7.5.1clear:both128
7.5.2overflow:hidden130
7.5.3::after伪元素131
第8章定位布局133
8.1深入定位133
8.1.1子元素相对父元素定位133
8.1.2子元素相对祖先元素定位136
8.2z-index属性138
第9章CSS图形141
9.1CSS图形简介141
9.2三角形142
9.2.1CSS实现三角形的原理142
9.2.2带边框的三角形145
9.3圆角与圆148
9.3.1border-radius实现圆角148
9.3.2border-radius实现半圆和圆152
9.3.3border-radius的派生子属性154
9.4椭圆155
9.5图标制作156
第10章性能优化164
10.1CSS优化简介164
10.2属性简写165
10.2.1盒模型简写165
10.2.2背景简写167
10.2.3字体简写168
10.2.4颜色值简写168
10.3语法压缩169
10.3.1空白符169
10.3.2结尾分号169
10.3.3url()的引号170
10.3.4属性值为0170
10.3.5属性值为“以0开头的小数”171
10.3.6合并相同的定义171
10.3.7利用继承进行合并172
10.4压缩工具173
10.5图片压缩174
10.5.1JPEG、PNG和GIF175
10.5.2图片压缩175
10.6高性能选择器175
10.6.1选择器在浏览器中的解析原理176
10.6.2不同选择器的解析速度176
第11章CSS技巧178
11.1水平居中178
11.1.1文本的水平居中178
11.1.2元素的水平居中179
11.2垂直居中183
11.2.1文本的垂直居中183
11.2.2元素的垂直居中185
11.3CSS Sprite188
11.4iconfont图标192
11.4.1iconfont网站193
11.4.2iconfont技术195
第12章重要概念202
12.1CSS中的重要概念202
12.2包含块（containing block）202
12.2.1什么是包含块202
12.2.2包含块的判定以及包含块的范围203
12.3层叠上下文（stacking context）206
12.3.1什么是层叠上下文207
12.3.2什么是层叠级别207
12.3.3层叠上下文的特点208
12.4BFC和IFC210
12.4.1基本概念210
12.4.2什么是BFC211
12.4.3BFC的用途213
附录1HTML进阶
第13章基础知识222
13.1HTML、XHTML和HTML5222
13.1.1HTML和XHTML222
13.1.2HTML5223
13.2div和span225
13.3id和class226
13.3.1id属性226
13.3.2class属性226
13.4浏览器标题栏小图标227
第14章语义化229
14.1语义化简介229
14.2标题语义化231
14.3图片语义化232
14.3.1alt属性和title属性233
14.3.2figure元素和figcaption元素233
14.4表格语义化236
14.5表单语义化239
14.5.1label标签239
14.5.2fieldset标签和legend标签241
14.6其他语义化242
14.6.1换行符242
14.6.2无序列表ul243
14.6.3strong标签和em标签244
14.6.4del标签和ins标签245
14.6.5img标签246
14.7语义化验证246
14.8HTML5舍弃的标签248
附录2前端面试题
选择题251
问答题257