从0到1

作者根据自己多年的网站开发及教学经验，站在零基础读者的角度，详细介绍了HTML和CSS的基础知识，以及大量的前端开发技巧。
全书分为2大部分：第1部分是HTML基础，主要介绍各种标签的使用；第二部分是CSS基础，主要介绍样式布局操作。此外，作者还结合实际工作及前端面试，精心挑选了大量高质量的练习题放在每章最后，读者可以边学边练，更好地掌握本书内容。
本书提供了所有案例的源代码、配套视频课程，以及各种工具手册。另外，为方便老师教学，还提供了配套的PPT教学课件。
本书适合零基础的初学者使用，可以作为前端开发人员的参考书，也可作为培训学校、大中专院校相关专业的教学参考书。

莫振杰，毕业于暨南大学信科院计算机科学与技术专业，从事前后端开发4年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具及其他各种类型网站，著有多本编程书且销量过万， 现为绿叶学习网的站长，该网站用于分享其在前后端开发中的一些经验，其制作的前后端开发在线教程在互联网引起广泛关注，每一个教程都广受网友称赞与推崇，今年还开发了系列前端线上付费课程。

源自阅读量破6000万的人气教程
适合零基础初学者，1小时快速上手，3天轻松入门
通俗易懂，风趣幽默，原来前端还能这么好玩儿
每一节都配有微视频，每一章都配有大量练习
同步视频+配套练习+课件PPT+源码素材+作者答疑

如果你需要的不是大而全，而是恰到好处的前端开发教程，那么不妨试着看一下这本书。本书源于作者在绿叶学习网分享的超人气在线教程。由于教程的风格****、质量很高，因而累积获得超过十万读者的支持。为了更好地帮助零基础的小伙伴快速上手，每章后面都有习题，每一节都录制了配套的高质量视频，小伙伴们可直接扫码观看。本书的配套资源包括：习题答案、源码文件、配套PPT教学课件，以及各种工具手册。

第 一部分　HTML 基础
第 1　章 HTML 简介　3
1．1　前端技术简介　3
1．1．1　从“网页制作”到“前端开发”　3
1．1．2　从“前端开发”到“后端开发”　4
1．1．3　学习路线　6
1．2　什么是HTML ？　6
1．3　常见问题　7
第 2　章 开发工具　9
2．1　开发工具　9
2．2　使用HBuilder　10
第3　章 基本标签　13
3．1　HTML 结构　13
3．2　head 标签　15
3．2．1　title 标签　15
3．2．2　meta 标签　16
3．2．3　style 标签　18
3．2．4　script 标签　18
3．2．5　link 标签　19
3．2．6　base 标签　19
3．3　body 标签　19
3．4　HTML 注释　20
3．5　本章练习　21
第4　章 文本　22
4．1　文本简介　22
4．1．1　页面组成元素　22
4．1．2　HTML 文本　23
4．2　标题标签　24
4．3　段落标签　26
4．3．1　段落标签

　26
4．3．2　换行标签
　27
4．4　文本标签　29
4．4．1　粗体标签　29
4．4．2　斜体标签　30
4．4．3　上标标签　31
4．4．4　下标标签　31
4．4．5　中划线标签　32
4．4．6　下划线标签　33
4．4．7　大字号标签和小字号标签　33
4．5　水平线标签　34
4．6　div 标签　35
4．7　自闭合标签　37
4．8　块元素和行内元素　38
4．8．1　块元素　38
4．8．2　行内元素　40
4．9　特殊符号　40
4．9．1　网页中的“空格”　40
4．9．2　网页中的“特殊符号”　42
4．10　本章练习　44
第5　章 列表　45
5．1　列表简介　45
5．2　有序列表　46
5．2．1　有序列表简介　46
5．2．2　type 属性　47
5．3　无序列表　48
5．3．1　无序列表简介　48
5．3．2　type 属性　49
5．3．3　深入无序列表　50
5．4　定义列表　53
5．5　HTML 语义化　54
5．6　本章练习　56
第6　章 表格　57
6．1　表格简介　57
6．2　基本结构　57
6．3　完整结构　59
6．3．1　表格标题：caption　59
6．3．2　表头单元格：th　60
6．4　语义化　62
6．5　合并行：rowspan　65
6．6　合并列：colspan　66
6．7　本章练习　67
第7　章 图片　68
7．1　图片标签　68
7．1．1　src 属性　68
7．1．2　alt 属性和title 属性　69
7．2　图片路径　71
7．2．1　page1．html 引用图片　72
7．2．2　page2．html 引用图片　73
7．3　图片格式　75
7．3．1　位图　75
7．3．2　矢量图　76
7．4　本章练习　78
第8　章 超链接　80
8．1　超链接简介　80
8．1．1　a 标签　80
8．1．2　target 属性　82
8．2　内部链接　83
8．3　锚点链接　84
8．4　本章练习　87
第9　章 表单　88
9．1　表单简介　88
9．1．1　表单是什么？　88
9．1．2　表单标签　89
9．2　form 标签　90
9．2．1　form 标签简介　90
9．2．2　form 标签属性　91
9．3　input 标签　92
9．4　单行文本框　93
9．4．1　单行文本框简介　93
9．4．2　单行文本框属性　93
9．5　密码文本框　95
9．5．1　密码文本框简介　95
9．5．2　密码文本框属性　97
9．6　单选框　98
9．6．1　单选框简介　98
9．6．2　忽略点　99
9．7　复选框　102
9．8　按钮　104
9．8．1　普通按钮button　104
9．8．2　提交按钮submit　105
9．8．3　重置按钮reset　106
9．8．4　button 标签　108
9．9　文件上传　108
9．10　多行文本框　109
9．11　下拉列表　110
9．11．1　下拉列表简介　110
9．11．2　select 标签属性　111
9．11．3　option 标签属性　113
9．13　本章练习　115
第 10　章 框架　117
10．1　iframe 标签　117
10．2　练习题　118
第二部分　CSS 基础
第 11　章 CSS 简介　121
11．1　CSS 简介　121
11．1．1　CSS 是什么　121
11．1．2　CSS 和CSS3　121
11．2　CSS 引入方式　122
11．3．1　外部样式表　122
11．3．2　内部样式表　123
11．3．3　行内样式表　124
11．3　本章练习　125
第 12　章 CSS 选择器　126
12．1　元素的id 和class　126
12．1．1　id 属性　126
12．1．2　class 属性　127
12．2　选择器是什么？　127
12．3　CSS 选择器　129
12．3．1　元素选择器　129
12．3．2　id 选择器　130
12．3．3　class 选择器　132
12．3．4　后代选择器　134
12．3．5　群组选择器　135
12．4　本章练习　138
第 13　章 字体样式　139
13．1　字体样式简介　139
13．2　字体类型：font-family　140
13．3　字体大小：font-size　141
13．3．1　px 是什么？　142
13．3．2　采用px 为单位　142
13．4　字体粗细：font-weight　143
13．5　字体风格：font-style　145
13．6　字体颜色：color　146
13．6．1　关键字　146
13．6．2　16 进制RGB 值　147
13．7　CSS 注释　148
13．8　本章练习　150
第 14　章 文本样式　152
14．1　文本样式简介　152
14．2　首行缩进：text-indent　152
14．3　水平对齐：text-align　154
14．4　文本修饰：text-decoration　155
14．4．1　text-decoration 属性　155
14．4．2　3 种划线的用途分析　157
14．5　大小写：text-transform　157
14．6　行高：line-height　158
14．7　间距：letter-spacing、word-spacing　160
14．7．1　字间距　160
14．7．2　词间距　161
14．8　本章练习　162
第 15　章 边框样式　163
15．1　边框样式简介　163
15．2　整体样式　164
15．2．1　边框的属性　164
15．2．2　简写形式　166
15．3　局部样式　167
15．4　本章练习　170
第 16　章 列表样式　171
16．1　列表项符号：list-style-type　171
16．1．1　定义列表项符号　171
16．1．2　去除列表项符号　173
16．2　列表项图片：list-style-image　174
16．3　本章练习　176
第 17　章 表格样式　177
17．1　表格标题位置：caption-side　177
17．2　表格边框合并：border-collapse　179
17．3　表格边框间距：border-spacing　180
17．4　本章练习　182
第 18　章 图片样式　183
18．1　图片大小　183
18．2　图片边框　184
18．3　图片对齐　185
18．3．1　水平对齐　185
18．3．2　垂直对齐　187
18．4　文字环绕：float　189
18．5　本章练习　191
第 19　章 背景样式　192
19．1　背景样式简介　192
19．2　背景颜色：background-color　192
19．3　背景图片样式：background-image　194
19．4　背景图片重复：background-repeat　196
19．5　背景图片位置：background-position　198
19．5．1　像素值　198
19．5．2　关键字　199
19．6　背景图片固定：background-attachment　201
19．7　本章练习　202
第 20　章 超链接样式　203
20．1　超链接伪类　203
20．1．1　超链接伪类简介　203
20．1．2　深入了解超链接伪类　205
20．2　深入了解：hover　206
20．3　鼠标样式　208
20．3．1　浏览器鼠标样式　208
20．3．2　自定义鼠标样式　209
20．4　本章练习　210
第 21　章 盒子模型　212
21．1　CSS 盒子模型　212
21．2　宽高：width、height　215
21．3　边框：border　218
21．4　内边距：padding　219
21．4．1　padding 局部样式　219
21．4．2　padding 简写形式　220
21．5　外边距：margin　222
21．5．1　margin 局部样式　222
21．5．2　margin 简写形式　226
21．5．3　浏览器审查元素　227
21．7　本章练习　228
第 22　章 浮动布局　230
22．1　文档流简介　230
22．1．1　正常文档流　230
22．1．2　脱离文档流　231
22．2　浮动　233
22．3　清除浮动　236
22．4　本章练习　238
第 23　章 定位布局　240
23．1　定位布局简介　240
23．2　固定定位：fixed　240
23．3　相对定位：relative　243
23．4　绝对定位：absolute　245
23．5　静态定位：static　247
23．6　本章练习　248
附录A　HTML 常用标签　249
附录B　常用表单标签　251
附录C　CSS 常用属性　252
附录D　W3C 十六色　254