包邮前端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 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 标签 123

5.1.7 标签 124

5.1.8 空格和特殊字符的输入 124

5.2 文档结构标签 126

5.2.1 标签 127

5.2.2 标签 128

5.2.3 标签 129

5.2.4 标签 130

5.2.5 标签 130

5.2.6 标签 131

5.2.7 标签 131

练习题 132

第6章 探究多媒体标签，揭秘各种元素类型

6.1 多媒体标签 134

6.1.1