前端HTML+CSS修炼之道 聂常红,刘伟 著 专业科技 文轩网

第1章探本溯源，前端开发基础漫谈
1.1前端开发是做什么的2
1.2前端开发技术5
1.2.1HTML超文本标记语言：搭建网页“结构”5
1.2.2CSS层叠样式表：给网页添加“样式”6
1.2.3：让网页响应某种“行为”6
1.3前端开发所需软件7
1.3.1Photoshop8
1.3.2编辑器11
1.3.3浏览器12
1.4第一个HTML页面12
1.4.1基本标记标签13
1.4.2标签嵌套关系19
1.5〈div〉标签简介19
练习题20
第2章CSS基础语法、选择器和样式冲突的解决方案
2.1CSS概述22
2.2定义CSS的基本语法23
2.3基本选择器25
2.3.1元素选择器25
2.3.2ID选择器26
2.3.3类选择器29
2.3.4伪类选择器33
2.3.5伪元素选择器35
2.3.6通用选择器38
2.4复合选择器39
2.4.1交集选择器39
2.4.2并集选择器40
2.4.3后代选择器41
2.4.4子元素选择器43
2.4.5相邻兄弟选择器44
2.4.6属性选择器45
2.5CSS选择器的使用方法47
2.6CSS应用到HTML页面的常用方式47
2.6.1行内式47
2.6.2内嵌式48
2.6.3链接式49
2.7CSS的冲突与解决50
练习题53
第3章网页排版利器：CSS字体、文本、背景属性设置
3.1字体属性55
3.1.1字体粗细属性：font-weight55
3.1.2字体风格属性：font-style56
3.1.3字体大小属性：font-size58
3.1.4字体族属性：font-family59
3.1.5文本行高属性：line-height62
3.1.6字体属性：font65
3.2文本属性66
3.2.1颜色属性：color66
3.2.2水平对齐属性：text-align69
3.2.3首行缩进属性：text-indent70
3.2.4文本修饰属性：text-decoration71
3.2.5字符间距属性：letter-spacing73
3.2.6字间距属性：word-spacing74
3.3背景属性75
3.3.1背景颜色属性：background-color75
3.3.2背景图片属性：background-image76
3.3.3背景图片重复属性：background-repeat77
3.3.4背景图片位置属性：background-position79
3.3.5背景图片滚动属性：background-attachment81
3.3.6背景属性：background83
练习题84
第4章剖析“盒模型”特性，详解布局方寸间的逻辑关系
4.1盒子模型的组成86
4.2盒子边框（border）设置88
4.2.1设置边框风格88
4.2.2设置边框宽度90
4.2.3设置边框颜色93
4.2.4统一设置边框的宽度、颜色和风格95
4.2.5边框的形状98
4.3盒子内边距（padding）设置100
4.3.1内边距的设置100
4.3.2padding内边距的特点103
4.4盒子外边距（margin）设置105
4.4.1外边距的设置105
4.4.2盒子外边距合并107
4.4.3相邻盒子之间的水平间距113
练习题116
第5章世界是多样化的，标签是语义化的
5.1常用文本标签118
5.1.1段落与换行标签118
5.1.2标题字标签119
5.1.3〈strong〉标签121
5.1.4〈em〉标签122
5.1.5〈mark〉标签122
5.1.6〈time〉标签123
5.1.7〈span〉标签124
5.1.8空格和特殊字符的输入124
5.2文档结构标签126
5.2.1〈header〉标签127
5.2.2〈article〉标签128
5.2.3〈section〉标签129
5.2.4〈main〉标签130
5.2.5〈nav〉标签130
5.2.6〈aside〉标签131
5.2.7〈footer〉标签131
练习题132
第6章探究多媒体标签，揭秘各种元素类型
6.1多媒体标签134
6.1.1〈object〉标签134
6.1.2〈embed〉标签136
6.1.3〈video〉标签137
6.1.4〈audio〉标签138
6.2元素类型139
6.2.1block块级元素139
6.2.2inline行内元素140
6.2.3inline-block行内块元素142
6.2.4使用display属性改变元素类型144
6.3使用CSSreset标签样式147
练习题148
第7章为网页配上精美图片、让列表清晰传达具象内容
7.1使用〈img〉标签在网页中插入图片150
7.1.1网页常用图片格式150
7.1.2插入图片的基本语法150
7.1.3设置图片提示信息和替换信息152
7.1.4使用标签属性设置图片大小153
7.1.5使用CSS设置图片样式154
7.2使用列表标签创建列表156
7.2.1创建有序列表156
7.2.2创建无序列表159
7.2.3创建定义列表161
7.2.4创建嵌套列表162
7.2.5使用CSS列表属性设置列表样式163
7.2.6使用列表和列表属性创建纵向菜单164
7.2.7使用列表和display:inline创建横向菜单166
7.2.8使用列表和display:inline-block实现图文横排167
练习题169
第8章使用超链接构建信息间的连接关系
8.1使用〈a〉标签创建链接171
8.1.1创建链接的基本语法171
8.1.2设置链接目标窗口172
8.1.3链接路径的设置173
8.2使用〈base〉标签设置链接基准URL176
8.3链接的类型178
8.4使用伪类设置链接样式185
8.5链接与内联框架187
8.5.1内联框架标签〈iframe〉187
8.5.2修改内联框架默认样式188
8.5.3使用内联框架作为链接的目标窗口188
8.5.4使用内联框架的优缺点189
练习题190
第9章呈现数据的利器：网页表格
9.1表格概述192
9.2表格标签194
9.2.1〈table〉标签194
9.2.2〈tr〉标签195
9.2.3〈td〉和〈th〉标签195
9.2.4〈caption〉标签195
9.2.5〈thead〉、〈tbody〉和〈tfoot〉标签196
9.2.6使用colspan属性实现单元格跨列合并197
9.2.7使用rowspan属性实现跨行操作199
9.2.8使用表格标签属性格式化表格200
9.3CSS表格属性202
9.4使用CSS格式化表格204
9.5表格各元素的display属性值206
9.6表格综合案例206
练习题210
第10章构建在控件之上的数据交互方案：网页表单
10.1表单概述212
10.2〈form〉标签212
10.3input表单控件213
10.3.1input表单控件概述213
10.3.2文本框214
10.3.3密码框215
10.3.4隐藏域215
10.3.5文件域216
10.3.6单选框和复选框217
10.3.7提交按钮218
10.3.8普通按钮219
10.3.9重置按钮220
10.3.10图像按钮220
10.3.11button元素按钮222
10.4label标签223
10.5选择列表224
10.6多行文本域227
10.7表单元素的disabled和readonly属性228
10.8表单新增属性230
10.8.1form属性230
10.8.2formaction属性231
10.8.3autofocus属性231
10.8.4pattern属性232
10.8.5placeholder属性233
10.8.6required属性234
10.9元素轮廓（outline）235
10.10表单元素的默认样式及重置237
10.11表单美化238
10.11.1单行文本框控件的美化238
10.11.2按钮控件的美化239
10.11.3单选框/复选框控件的美化240
10.11.4上传文件控件美化242
10.11.5下拉列表控件美化244
10.12表单的元素类型245
练习题245
第11章玩转文档排版的犀利武器：浮动
11.1标准流排版247
11.2浮动排版248
11.2.1浮动设置249
11.2.2浮动元素的表现及特征249
11.2.3浮动清除260
11.2.4使用空div清除浮动解决父元素高度塌陷问题264
11.2.5使用伪元素清除浮动解决父元素高度塌陷问题265
11.2.6使用BFC解决父元素高度塌陷问题269
11.2.7使用overflow属性解决父元素高度塌陷问题272
11.2.8使用BFC防止浮动元素覆盖文档流元素274
练习题276
第12章平面之上的叠加艺术：定位
12.1定位排版属性position278
12.1.1静态定位278
12.1.2相对定位278
12.1.3优势地位定位281
12.1.4固定定位289
12.2定位层级295
12.3定位相关知识299
12.3.1全屏的div设置299
12.3.2透明度/透明滤镜300
12.3.3margin负值305
12.3.4元素的优势地位居中312
练习题313
第13章技术的世界只崇拜实干者：整站静态页面开发
13.1网站前期规划315
13.1.1网站目录划分315
13.1.2网站文件夹、文件的命名316
13.1.3网站整体规划319
13.2网站首页制作320
13.2.1网站首页结构320
13.2.2网站首页之头部&banner版块的制作320
13.2.3以图换字322
13.2.4滑动门325
13.2.5CSS精灵图328
13.2.6网站首页之课程介绍版块的制作330
13.2.7文字阴影text-shadow332
13.2.8盒阴影box-shadow334
13.2.9圆角border-radius337
13.2.10网站首页之学员作品展示版块的制作341
13.2.11网站首页之讲师介绍版块的制作341
13.2.12网站首页之妙味服务版块的制作342
13.2.13网站首页之页脚版块的制作343
13.3网站其他页面的制作343
13.4网站优化344
13.5网站建设技巧346
13.5.1最小宽度/最小高度346
13.5.2最大宽度/最大高度347
13.5.3text-overflow文本溢出348
练习题348