从零开始 HTML5+CSS3快速入门教程

《从零开始：HTML5+CSS3快速入门教程》新手视角，接近拟真的开发任务； 《从零开始：HTML5+CSS3快速入门教程》良好的教学模式，为初学者设计的大量案例和每章任务保证学习质量； 《从零开始：HTML5+CSS3快速入门教程》去除冷门知识点，是核心技能的反复锤炼； 《从零开始：HTML5+CSS3快速入门教程》配有精选的一线互联网公司的面试真题； 《从零开始：HTML5+CSS3快速入门教程》零基础也能胜任前端工作。

本书全面讲解使用HTML5和CSS3开发网页的过程，使读者能够迅速掌握开发静态页面的核心知识及对应的编程能力。
本书共9章，第1章用一个完整的案例讲解了静态页面制作的流程；第2章讲解常用的HTML元素；第3章讲解将CSS引入HTML文件的方法，以及常用的CSS样式；第4章讲解盒模型的构成；第5章讲解浮动布局；第6章讲解改变元素位置的定位方式；第7章讲解表单元素和表格元素：第8章讲解HTML5的新增元素和CSS3的新增样式；第9章通过制作一个完整的购物网页，讲解网页制作过程中的重点和难点。
本书配有精选的一线互联网公司的面试真题，供读者自我检测使用，并附有HTML标签与CSS样式的快速查看表。本书适合零编程基础的读者阅读，也适合具备一些编程基础且想要提升编程能力的读者阅读。

郝金亭 高校教师，具有丰富的教学经验。 史笑颜 前端工程师，热爱Web技术，喜欢尝试新事物，学习新技术。其大学时自学前端技术，发现市面上的技术书对于初学者来说晦涩难懂，学有所成后写出一本可以帮助初学者轻松入门的书籍。

第1章初识HTML5——完成第一个HTML5页面
1.1准备HTML5开发环境010
1.1.1浏览器的使用010
1.1.2下载编辑器013
1.1.3HTML5的学习方法014
1.2第一个HTML5页面015
1.2.1用HBuilderX创建一个项目015
1.2.2在页面中写入内容016
1.3用CSS美化页面017
1.3.1给页面添加背景018
1.3.2将页面中的文本元素居中021
1.3.3调整页面文字的字体和颜色023
1.3.4给按钮添加边框和背景色024
1.3.5给页面增加动态效果026
1.4在手机上查看页面028
第2章HTML语法和基础标签
2.1HTML基础语法032
2.1.1HTML语法规则032
2.1.2HTML文档的基础结构033
2.1.3元素的嵌套033
2.2文本元素034
2.2.1标题035
2.2.2段落——标签035
2.2.3HTML折行——标签036
2.2.4文本格式化037
2.3HTML超链接——标签038
2.3.1初识超链接038
2.3.2超链接语法039
2.3.3href属性——绝对路径和相对路径040
2.3.4target属性041
2.3.5标签的应用041
2.4HTML图像——标签045
2.5列表047
2.5.1无序列表048
2.5.2有序列表048
2.5.3定义列表048
2.5.4列表的嵌套049
第3章CSS语法和基础属性
3.1在HTML文档中引入CSS的
3种常用方法054
3.1.1外部样式表——使用标签引入CSS样式表055
3.1.2内部样式表057
3.1.3内联样式058
3.2CSS语法058
3.2.1CSS结构与规则058
3.2.2选择器的种类060
3.2.3继承063
3.3CSS颜色065
3.4文本的常用样式066
3.4.1文本的颜色和常用属性066
3.4.2字体068
3.4.3背景072
3.4.4CSS链接079
第4章盒模型布局——DIV+CSS3页面布局
4.1盒模型的基础知识084
4.1.1盒模型的组成084
4.1.2查看元素的盒模型084
4.2边框085
4.2.1边框的组成085
4.2.2使用边框的特性制作三角形086
4.2.3边框的圆角效果——border-radius088
4.3内边距088
4.3.1padding会撑大元素的大小089
4.3.2padding的复合写法090
4.4外边距091
4.4.1margin的作用091
4.4.2margin在使用中的问题094
4.5盒模型的大小098
4.6元素的display属性102
4.6.1元素的隐藏102
4.6.2块元素和内联元素104
4.6.3块元素与内联元素之间的转化106
4.6.4auto实现块元素居中显示108
4.7内联块109
4.8初始化页面样式112
第5章浮动布局——实现网页的经典布局
5.1浮动的基本语法117
5.1.1浮动的定义117
5.1.2float属性118
5.2浮动的特征119
5.3clear属性125
5.4清除浮动126
5.4.1高度塌陷126
5.4.2清除浮动的方法128
5.4.3使用伪类清除浮动131
5.5实战练习134
5.6页面布局的建议144
第6章定位——实现元素的叠加
6.1定位的position属性149
6.2层级150
6.3相对定位151
6.4绝对定位152
6.5固定定位155
6.6透明度157
6.6.1opacity157
6.6.2rgba(r，g，b，a)159
第7章表格与表单——信息展示与信息采集
7.1表格165
7.1.1表格结构165
7.1.2表格的边框166
7.1.3区分表格头部与表格主体167
7.1.4单元格合并169
7.1.5带标题的表格171
7.1.6美化表格171
7.2表单177
7.2.1form元素177
7.2.2input元素177
7.2.3其他表单元素183
第8章HTML5与CSS3的新特性
8.1HTML5的新增元素191
8.2CSS3的新增样式194
8.2.1文本属性194
8.2.2字体属性195
8.2.3背景196
8.2.4过渡效果200
8.2.5动画201
8.2.6圆角边框202
8.2.72D转换203
8.2.8calc()函数计算206
第9章PC端实战——制作一个购物网页
9.1PxCook工具介绍211
9.1.1PxCook下载211
9.1.2PxCook安装211
9.1.3PxCook“快速入门”文档212
9.1.4新建项目212
9.1.5开发模式213
9.1.6设计模式214
9.1.7配合Photoshop完成切图215
9.2项目结构215
9.3网页制作前的准备217
9.3.1分辨率217
9.3.2内容居中217
9.4项目布局218
9.5<header>部分难点讲解220
9.5.1图文对齐220
9.5.2锚点223
9.6部分中.page1难点223
9.6.1复杂页面的选择器使用224
9.6.2留白较多的页面怎样布局225
9.7部分中.page2难点225
9.8部分中.page3难点225
9.9小结226
附录
HTML元素速查表（按字母顺序排列）227
CSS属性速查表230
盒模型相关属性232
HTML实体符号速查表236
CSS3选择器239
CSS单位速查表240
思考与练习答案241