本书详细讲解了HTML 和CSS 两大前端技术的基本理论知识、使用方法（包括许多实用技巧） 以及它们的综合应用，每章都配置了大量的实用案例，图文并茂，效果直观。本书语言简洁明快、通俗易懂，不管是初学者还是具有一定基础的读者，都能从中得到很大的收获。
本书共14 章，第1 章主要讲解了前端开发涉及的相关概念、所需工具和软件以及HTML 页面的基本结构；第2~4 章主要讲解了CSS 语法、选择器、CSS 应用到HTML 页面的常用方式、CSS 的冲突与解决、CSS 字体属性、CSS 文本属性、CSS 背景属性、盒子模型的组成、盒子边框设置、盒子内边距以及外边距设置；第5~10 章主要讲解了常用的文本标签、HTML5 文档结构标签、常用多媒体标签、页面元素所具有的类型以及类型之间的相互转换、使用CSS reset 标签样式、使用 标签在网页中插入图片、列表标签的应用、使用 标签创建超链接、使用标签设置链接基准URL、表格相关标签、CSS 表格属性、使用CSS 格式化表格以及表格的综合应用、表单相关标签的使用、表单元素的disabled 和readonly 属性、表单新增属性、表单元素的默认样式及重置、表单美化等内容；第11~12 章主要讲解了标准流排版、浮动排版和定位排版；第13 章主要讲解了几种经典的布局版式，以及常见布局版式布局网页的应用；第14 章主要讲解了综合应用HTML 和CSS 开发一个静态网站的相关内容，包括网站前期规划、网页制作、网站建设技巧等内容。
本书为前端开发初学者而编写，也可作为各类院校及培训学校计算机及相关专业的教材，还可供从事前端开发工作的相关人员参考。
从2010年开始，妙味课堂坚持做前端开发培训，得到了数万名学员的认可。《前端HTML+CSS修炼之道》这本书完全根据妙味课堂的培训大纲改编而成，内容强调实用和实战，购买图书后，可以激活妙味课堂的在线视频课程，可以参加妙味举办的直播公开课，不断学习前端新技术，也可以到妙味交流社区，和众多的前端开发学习者一起交流互动，帮助你解决学习中遇到的困难，购买图书后，还可下载“聊聊浏览器兼容性问题的那点事儿”实用电子文档。我们乐于分享，只为让你扎扎实实做出好前端！
2010年，妙味课堂开始从事前端开发技术培训，致力于为前端开发学习者提供快乐的学习方法，目前已成为国内资深的前端开发培训机构。
第1章 探本溯源，前端开发基础漫谈
1．1 前端开发是做什么的 2
1．2 前端开发技术 5
1．2．1 HTML 超文本标记语言：搭建网页“结构” 5
1．2．2 CSS 层叠样式表：给网页添加“样式” 6
1．2．3 JavaScript：让网页响应某种“行为” 6
1．3 前端开发所需软件 7
1．3．1 Photoshop 8
1．3．2 编辑器 11
1．3．3 浏览器 12
1．4 第一个HTML 页面 12
1．4．1 基本标记标签 13
1．4．2 标签嵌套关系 19
1．5
标签简介 19
练习题 20
第2章 CSS基础语法、选择器和样式冲突的解决方案
2．1 CSS 概述 22
2．2 定义CSS 的基本语法 23
2．3 基本选择器 25
2．3．1 元素选择器 25
2．3．2 ID 选择器 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．5 CSS 选择器的使用方法 47
2．6 CSS 应用到HTML页面的常用方式 47
2．6．1 行内式 47
2．6．2 内嵌式 48
2．6．3 链接式 49
2．7 CSS 的冲突与解决 50
练习题 53
第3章 网页排版利器：CSS字体、文本、背景属性设置
3．1 字体属性 55
3．1．1 字体粗细属性：font-weight 55
3．1．2 字体风格属性：font-style 56
3．1．3 字体大小属性：font-size 58
3．1．4 字体族属性：font-family 59
3．1．5 文本行高属性：line-height 62
3．1．6 字体属性：font 65
3．2 文本属性 66
3．2．1 颜色属性：color 66
3．2．2 水平对齐属性：text-align 69
3．2．3 首行缩进属性：text-indent 70
3．2．4 文本修饰属性：text-decoration 71
3．2．5 字符间距属性：letter-spacing 73
3．2．6 字间距属性：word-spacing 74
3．3 背景属性 75
3．3．1 背景颜色属性：background-color 75
3．3．2 背景图片属性：background-image 76
3．3．3 背景图片重复属性：background-repeat 77
3．3．4 背景图片位置属性：background-position 79
3．3．5 背景图片滚动属性：background-attachment 81
3．3．6 背景属性：background 83
练习题 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．2 padding 内边距的特点 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 标签 121
5．1．4 标签 122
5．1．5 标签 122
5．1．6 < time> 标签 123
5．1．7 标签 124
5．1．8 空格和特殊字符的输入 124
5．2 文档结构标签 126
5．2．1
标签 127
5．2．2 < article> 标签 128
5．2．3 标签 129
5．2．4 < main> 标签 130
5．2．5 标签 130
5．2．6 标签 131
5．2．7 标签 131
练习题 132
第6章 探究多媒体标签，揭秘各种元素类型
6．1 多媒体标签 134
6．1．1 标签 134
6．1．2 标签 136
6．1．3 标签 137
6．1．4 标签 138
6．2 元素类型 139
6．2．1 block 块级元素 139
6．2．2 inline 行内元素 140
6．2．3 inline-block 行内块元素 142
6．2．4 使用display 属性改变元素类型 144
6．3 使用CSS reset 标签样式 147
练习题 148
第7章 为网页配上精美图片、让列表清晰传达具象内容
7．1 使用 标签在网页中插入图片 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 使用标签创建链接 171
8．1．1 创建链接的基本语法 171
8．1．2 设置链接目标窗口 172
8．1．3 链接路径的设置 173
8．2 使用标签设置链接基准URL 176
8．3 链接的类型 178
8．4 使用伪类设置链接样式 185
8．5 链接与内联框架 187
8．5．1 内联框架标签
书单推荐
