Web前端开发精品课 HTML与CSS基础教程PDF电子书下载

第一部 分HTML入门 3

第1章 HTML基础 3

1.1 Web技术简介 3

1.1.1从网页制作到前端开发 3

1.1.2前端技术 4

1.1.3后端技术 7

1.1.4从前端开发到后端开发的学习路线 8

【疑问】 9

1.2 HTML是什么？ 10

1.3.HTML入门简介 11

1.3.1教程说明 11

1.3.2初学者比较关心的问题 13

1.4本章总结 13

第2章 前端开发工具 15

2.1前端开发工具 16

2.1.1 Dreamweaver 16

2.1.2 SublimeText 17

2.1.3 Visual Studio 17

2.2新建HTML页面 18

第3章 HTML基本标签 20

3.1HTML基本结构 21

3.1.1HTML基本结构 21

3.1.2用记事本编写网页 22

3.1.3用Dreamweaver编写网页 23

3.2 head标签 24

3.2.1 head标签内的title标签 25

3.2.2 head标签内的meta标签 25

3.2.3 head标签内的style标签 28

3.2.4 head标签内的script标签 28

3.2.5 head标签内的link标签 29

3.3 body标签 29

3.4 HTML注释 30

3.5本章总结 32

训练题 33

第4章 段落与文字 35

4.1 段落与文字简介 35

4.2标题标签 37

4.3段落标签 39

4.3.2段落标签〈P〉 39

4.3.2换行标签〈br/〉 40

4.4文本格式化标签 42

4.4.1粗体标签b、 srtong 42

4.4.2斜体标签i、 cite、 em 43

4.4.3上标标签sup 44

4.4.4下标标签sub 44

4.4.5大字号标签big和 小字号标签small 45

4.4.6删除线标签s 46

4.4.7下划线标签u 47

4.5水平线标签 48

4.6 div标签 49

4.7网页特殊符号 50

4.7.1网页中的空格 50

4.7.2特殊符号 52

4.8自闭合标签 54

4.8.1什么叫自闭合标签 54

4.8.2常见的自闭合标签 55

4.9块元素和行内元素 55

4.9.1块元素 56

4.9.2行内元素 58

4.10本章总结 59

4.11训练题 61

第5章 列表 63

5.1HTML列表简介 63

5.1.1网页中的列表 63

5.1.2HTML列表简介 63

5.2有序列表 64

5.2.1有序列表简介 64

5.2.2有序列表type属性 65

5.3无序列表 67

5.3.1无序列表简介 67

5.3.2无序列表type属性 68

5.3.3深入了解无序列表 69

【疑问】 71

5.4定义列表 72

5.5 HTML中的大误区 74

5.6本章总结 75

5.7训练题 78

第6章 表格 80

6.1表格简介 80

6.2表格基本结构 81

【疑问】 82

6.3表格完整结构 82

6.3.1表格标题caption 83

6.3.2表头th 84

6.4表格语义化 86

6.5合并行rowspan 89

6.6合并列colspan 90

6.7本章总结 92

6.8训练题 94

第7章 图像 96

7.1图像标签 96

7.1.1 img标签src属性 96

7.1.2 img标签alt属性 97

7.1.3 img标签title属性 97

7.2相对路径和绝对路径 98

7.2.1“网页1”引用海贼王图片 99

7.2.2“网页2”引用海贼王图片 99

【疑问】 100

7.3图片格式 101

7.3.1位图 101

7.3.2矢量图 103

7.3.3位图与矢量图区别 105

【疑问】 105

7.4 本章总结 106

第8章 超链接 109

8.1超链接简介 109

8.2 a标签 109

8.2.1 a标签简介 109

8.2.2 a标签target 属性 110

8.2.3各种超链接 111

8.3内部链接 112

8.4锚点链接 114

8.5本章总结 117

第9章 表单 119

9.1表单简介 119

9.2 form标签 120

9.2.1 form标签简介 120

9.2.2 form标签属性 121

9.2.3表单对象 126

9.3 input标签简介 126

9.4单行文本框text 127

9.4.1文本框text简介 127

9.4.2文本框text属性 128

9.5密码文本框password 129

9.5.1密码文本框简介 129

9.5.2密码文本框属性 131

9.6单选按钮radio 132

9.6.1单选按钮简介 132

9.6.2单选按钮radio的忽略点 133

【疑问】 135

9.7复选框checkbox 135

9.8表单按钮 137

9.8.1普通按钮button 137

9.8.2提交按钮submit 138

9.8.3重置按钮reset 139

9.8.4普通按钮、提交按钮和重置按钮的区别 141

9.9图片域image 142

【疑问】 143

9.10隐藏域hidden 143

9.11 文件域file 145

9.12多行文本框textarea 146

9.13下拉列表select 148

9.13.1 select标签属性 149

9.13.2 option标签属性 151

【疑问】 153

9.14 input标签按钮与button标签按钮 153

【疑问】 155

9.15本章总结 155

【疑问】 157

9.16 训练题 158

第10章 多媒体 160

10.1网页中插入音频和视频 160

10.2网页中插入背景音乐 162

10.3网页中插入Flash 163

10.4本章总结 164

第11章 框架 166

11.1浮动框架iframe 166

11.1.1 iframe简介 166

11.1.2 iframe滚动条 167

第二部分 CSS入门 171

第12章 CSS基础 171

12.1 CSS是什么 171

12.1.1 CSS简介 171

12.1.2 CSS和CSS3 172

12.2 CSS入门简介 172

12.3 CSS的三种引用方式 173

12.3.1外部样式表 173

12.3.2内部样式表 174

12.3.3内联样式表 175

第13章 CSS选择器基础 177

13.1元素的id和class 178

13.1.1元素的id属性 178

13.1.2元素的class属性 178

13.2什么叫CSS选择器？ 179

13.3 CSS选择器入门（上） 181

13.3.1元素选择器 181

13.3.2 id选择器 183

13.3.3 class选择器 184

13.4 CSS选择器入门（下） 186

13.4.1子元素选择器 186

13.4.2相邻选择器 187

13.4.3群组选择器 189

第14章 字体新式 192

14.1字体样式简介 192

14.2字体类型font-family 193

14.3 字体大小font-size 195

14.4字体颜色color 198

14.5.字体粗细font-weight 200

14.6字体斜体font-style 202

14.7 CSS注释 204

14.8本章总结 206

第15章 文本样式 210

15.1文本样式简介 210

15.2下划线、删除线和顶划线text-decoration 210

15.2.1 text-decoration属性 210

15.2.2下划线、删除线和顶划线的用途分析 213

15.3文本大小写text-transform 214

15.4 font-variant属性 215

【疑问】 216

15.5首行缩进text-indent 216

15.6文本水平对齐 text-align 218

15.7行高line-height 219

15.8字母间距letter-spacing和词间距word-spacing 221

15.8.1 letter-spacing属性 221

15.8.2 word-spacing属性 222

15.9文本样式总结 223

第16章 边框样式 229

16.1边框样式简介 229

16.2整体边框样式 230

16.2.1边框的属性 230

16.2.2边框实例 233

16.2.3 border属性简洁写法 233

16.3局部边框样式 234

16.4本章总结 237

第17章 背景样式 241

17.1 背景样式简介 241

17.1.1背景颜色 241

17.1.2背景图像 241

17.2背景颜色background-color 242

17.3背景图像简介 244

17.3.1 background-image属性 244

17.3.2 background-repeat属性 244

17.3.3 background-position属性 245

17.3.4 background-attachment属性 246

17.4背景图像样式background-image 246

17.5背景重复样式background-repeat 248

17.6背景图像位置background-position 250

17.6.1 background-position取值为“像素值” 250

17.6.2 background-position取值为“关键字” 252

17.7背景固定样式background-attachment 253

17.8本章总结 254

第18章 超链接样式 257

18.1超链接伪类 257

18.1.1如何去除超链接下划线 257

18.1.2如何定义超链接伪类 258

18.1.3深入了解超链接伪类 260

【疑问】 261

18.2深入了解：hover伪类 262

18.3鼠标样式 264

18.3.1浏览器鼠标样式 264

18.3.2自定义鼠标样式 266

18.4本章总结 267

第19章 图片样式 270

19.1图片大小 270

19.2图片边框border 271

19.3图片水平对齐 272

19.4图片垂直对齐 274

19.5文字环绕效果float 278

19.5.1 float属性 278

19.5.2定义图片与文字间距 280

19.6本章总结 282

第20章 列表样式 285

20.1列表项符号list-style-type 286

20.1.1HTML中定义列表项符号 286

20.1.2 CSS中定义列表项符号 287

20.2自定义列表项符号list-style-image 290

20.3本章总结 291

第21章 表格样式 293

21.1表格边框合并border-collapse 294

21.2表格边框间距border-spacing 297

21.3表格标题位置caption-side 299

21.4本章总结 301

第22章 CSS盒子模型 303

22.1 CSS盒子模型 304

22.2宽度width和高度height 308

22.3边框border 313

22.4内边距padding 314

22.4.1 padding局部样式 314

22.4.2 padding简洁写法 315

22.5外边距margin 317

22.5.1 margin局部样式 318

22.5.2 margin简洁样式 319

22.6本章总结 321

第23章 浮动布局 323

23.1 HTML文档流 324

23.1.1正常文档流动 324

23.1.2脱离正常文档流 325

23.2浮动float 326

23.3清除浮动clear 331

23.4本章总结 334

第24章 定位布局 336

24.1定位布局简介 337

24.2固定定位fixed 337

24.3相对定位relative 339

24.4绝对定位absolute 342

24.5 CSS静态定位static 345

附录 HTML标签的语义 346

后记 352