本书详细讲解了HTML和CSS两大前端技术的基本理论知识、使用方法（包括许多实用技巧）以及它们的综合应用，每章都配置了大量的实用案例，图文并茂，效果直观。本书语言简洁明快、通俗易懂，不管是初学者还是具有一定基础的读者，都能从中得到很大的收获。 本书共13章，1章主要讲解了前端开发涉及的相关概念、所需工具和软件以及HTML页面的基本结构；2~4章主要讲解了CSS语法、选择器、CSS应用到HTML页面的常用方式、CSS的冲突与解决、CSS字体属性、CSS文本属性、CSS背景属性、盒子模型的组成、盒子边框设置、盒子内边距以及外边距设置；第5~10章主要讲解了常用的文本标签、HTML5文档结构标签、常用多媒体标签、页面元素所具有的类型以及类型之间的相互转换、使用CSS reset标签样式、使用标签在网页中插入图片、列表标签的应用、使用标签创建超链接、使用标签设置链接基准URL、表格相关标签、CSS表格属性、使用CSS格式化表格以及表格的综合应用、表单相关标签的使用、表单元素的disabled和readonly属性、表单新增属性、表单元素的默认样式及重置、表单美化等内容；11~12章主要讲解了标准流排版、浮动排版和定位排版；13章主要讲解了综合应用HTML和CSS开发一个静态网站的相关内容，包括网站前期规划、网页制作、网站建设技巧等内容。 本书为前端开发初学者而编写，也可作为各类院校及培训学校计算机及相关专业的教材，还可供从事前端开发工作的相关人员参考。

从2010年开始，妙味课堂坚持做前端开发培训，得到了数万名学员的认可。《前端HTML CSS修炼之道》这本书完全根据妙味课堂的培训大纲改编而成，内容强调实用和实战，购买图书后，可以激活妙味课堂的在线视频课程，可以参加妙味举办的直播公开课，不断学习前端新技术，也可以到妙味交流社区，和众多的前端开发学习者一起交流互动，帮助你解决学习中遇到的困难，购买图书后，还可下载值得反复推敲的经典布局方案和聊聊浏览器兼容性问题的那点事儿实用电子文档。我们乐于分享，只为让你扎扎实实做出好前端！

第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 Photoshop8

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-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.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