零基础HTML+CSS从入门到精通PDF电子书下载

查看更多关于的内容

第1章 走进互联网前端 1

1.1浅谈互联网前端 1

1.1.1互联网的前世与今生 1

1.1.2什么是Web前端工程师 2

1.1.3 Web前端的发展现状 3

1.2为什么要学习HTM L5和CSS3 4

1.2.1“前端三剑客”——HTML、CSS、J avaScript 4

1.2.2学习HTML5和CSS3的优势 5

1.3浏览器的故事 6

1.3.1浏览器简史 6

1.3.2当前主流浏览器与版本 6

1.4如何上手HTM L5与CSS3开发 8

1.4.1如何选择编辑器 8

1.4.2前端学习技巧 9

1.4.3前端技术社区 10

1.5小结 10

1.6知识拓展 11

1.6.1 Atom编辑器的安装与使用 11

1.6.2一些有用的编辑器插件和配置 15

第2章 初探HTML 16

2.1 HTML概述 16

2.1.1 HTML简介 16

2.1.2 HTML发展史 17

2.1.3 HTML的“远房表弟”——XML和XHTML 17

2.2 HTML文件结构 18

2.2.1文档类型声明 18

2.2.2文件头head 19

2.2.3文件实体body 20

2.3 HTML基本语法 20

2.3.1 HTML元素 20

2.3.2 HTML属性 22

2.3.3注释语法 24

2.3.4 HTML中的字符实体 26

2.4块级元素与行内元素 27

2.5头部head元素 29

2.5.1网页标题title 30

2.5.2外部链接link 30

2.5.3元数据meta 32

2.5.4内部样式style 33

2.5.5脚本script 33

2.6用iframe元素嵌套HTML页面 34

2.7小结 39

2.8知识拓展 40

第3章 文本与排版 42

3.1分区div 42

3.2标题h1～h6 44

3.3段落p 46

3.4换行br 47

3.5水平线hr 49

3.6引用内容blockquote 50

3.7特殊字体 51

3.7.1字体加粗b 51

3.7.2斜体字i 52

3.7.3删除线del 53

3.7.4上标sup和下标sub 54

3.7.5行内容器span 55

3.8预定义格式文本pre 56

3.9小结 57

3.10知识拓展 57

第4章 用图片丰富页面 62

4.1使用图片img 62

4.2图片的分类与应用 66

4.3小结 67

4.4知识拓展 68

第5章 超链接 72

5.1链接的基本使用 72

5.1.1链接简介与属性 72

5.1.2定义目标文档与当前文档关系 73

5.1.3定义链接的打开方式 73

5.1.4定义下载的文件名 74

5.2图片与模块链接 75

5.3锚点链接 78

5.4邮件与电话 80

5.4.1发送邮件 80

5.4.2拨打电话 81

5.5链接中的JavaScript 82

5.6小结 83

5.7知识拓展 83

5.7.1 URL定义 83

5.7.2 URL编码 84

第6章 表格 86

6.1表格的结构 86

6.1.1基本表格 86

6.1.2使用表头 88

6.1.3复杂版表格 89

6.2表格的样式 93

6.3单元格合并 95

6.4小结 98

6.5知识拓展 98

第7章 列表 102

7.1无序列表ul 102

7.1.1无序列表简介 102

7.1.2无序列表样式 103

7.2有序列表ol 105

7.2.1有序列表简介 105

7.2.2有序列表样式 106

7.3定义列表dl 111

7.4小结 111

第8章 表单 112

8.1表单form概述 112

8.1.1表单form简介 112

8.1.2表单的处理地址action 114

8.1.3表单的请求方法method 115

8.1.4文本自动补全autocomplete 117

8.1.5表单验证novalidate 117

8.1.6表单数据格式enctype 118

8.2表单控件input 120

8.2.1表单控件简介 120

8.2.2表单控件的类型 121

8.2.3表单控件的名称 121

8.2.4无效的表单控件 122

8.2.5只读的表单控件 123

8.2.6表单控件的初始值 124

8.2.7表单控件的长度 126

8.2.8输入字符的最大长度 126

8.3常见input类型 127

8.3.1文本域text 127

8.3.2密码域password 127

8.3.3单选框radio 128

8.3.4复选框checkbox 129

8.3.5普通按钮button 130

8.3.6提交按钮submit 131

8.3.7重置按钮reset 132

8.3.8文件上传file 132

8.3.9隐藏域hidden 133

8.3.10图片按钮image 134

8.4多行文本域textarea 134

8.4.1 textarea简介 134

8.4.2 textarea的属性 135

8.5下拉列表select 136

8.5.1单选的下拉列表 136

8.5.2下拉列表选项组 138

8.5.3多选的下拉列表 140

8.6表单按钮button 141

8.7表单控件标签label 143

8.8表单控件分组fieldset 143

8.9小结 145

第9章 初识CSS 146

9.1在HTML中使用CSS 146

9.1.1 CSS简介 146

9.1.2如何使用CSS 146

9.1.3 CSS的基本语法 149

9.1.4 CSS的注释语法 149

9.1.5 CSS的属性覆盖 150

9.1.6 ！important语法 151

9.2基础选择器 152

9.2.1标签选择器 152

9.2.2属性选择器 153

9.2.3类选择器 158

9.2.4 ID选择器 159

9.2.5通配选择器 160

9.3复合选择器 160

9.3.1相邻兄弟选择器 160

9.3.2通用兄弟选择器 161

9.3.3子选择器 163

9.3.4后代选择器 164

9.3.5多重复合选择器 165

9.3.6同级复合选择器 166

9.3.7 CSS的属性继承 167

9.4伪类和伪元素选择器 170

9.4.1伪类选择器 170

9.4.2伪元素选择器 174

9.5选择器的分组 175

9.6长度单位 176

9.6.1绝对长度单位 176

9.6.2相对长度单位 177

9.6.3可视区长度单位 181

9.6.4百分比长度单位 182

9.7颜色值 183

9.7.1 RGB颜色值 183

9.7.2 RGBA颜色值 185

9.7.3 HSL颜色值 186

9.7.4 HSLA颜色值 186

9.7.5关键字颜色值 187

9.8元素呈现类型display 193

9.9小结 195

9.10知识拓展 196

第10章 CSS文本样式 199

10.1字体样式 199

10.1.1字号font-size 199

10.1.2字体font-family 203

10.1.3字体风格font-style 204

10.1.4字体粗细font-weight 205

10.1.5小型大写字母font-variant 207

10.1.6字体行高line-height 207

10.1.7复合属性font 209

10.2段落样式 211

10.2.1对齐方式text-align 211

10.2.2文本修饰text-decoration 212

10.2.3单词间距word-spacing 214

10.2.4字符间距letter-spacing 215

10.2.5文本缩进text-indent 216

10.2.6空白处理white-space 217

10.2.7大小写转换text-transform 221

10.3字体颜色color 222

10.4小结 223

10.5知识拓展 224

第11章 CSS盒子模型 226

11.1内容宽高 226

11.1.1宽度 width与高度height 226

11.1.2最大宽度max-width与最大高度max-height 228

11.1.3最小宽度min-width与最小高度min-height 230

11.2内边距 231

11.2.1单独设置各边的内边距 231

11.2.2统一设置所有内边距padding 233

11.3外边距 234

11.3.1单独设置各边的外边距 234

11.3.2统一设置所有外边距margin 236

11.3.3设置外边距为自动 238

11.4边框 241

11.4.1边框样式border-style 241

11.4.2边框宽度border-width 246

11.4.3边框颜色border-color 248

11.4.4边框复合属性border 249

11.5盒子模型 251

11.5.1盒子模型介绍 251

11.5.2盒子内容溢出处理overflow 253

11.5.3行内元素的盒子模型 259

11.6小结 260

11.7知识拓展 260

第12章 样式化模块 265

12.1元素背景 265

12.1.1背景颜色background-color 265

12.1.2背景图片background-image 266

12.1.3背景图片重复background-repeat 268

12.1.4背景图片位置background-position 270

12.1.5背景图片固定background-attachment 273

12.1.6背景复合属性background 274

12.2列表样式 275

12.2.1列表符号类型list-style-type 276

12.2.2列表符号图片list-style-image 280

12.2.3列表符号位置list-style-position 281

12.2.4复合列表属性list-style 283

12.3表格样式 284

12.3.1边框模式border-collapse 284

12.3.2单元格间距border-spacing 288

12.3.3垂直对齐方式vertical-align 290

12.4小结 296

12.5知识拓展 296

第13章 CSS浮动与定位 299

13.1 CSS浮动 299

13.1.1浮动属性float 299

13.1.2清除浮动 304

13.2 CSS定位 309

13.2.1定位方式position 309

13.2.2固定定位 310

13.2.3相对定位 311

13.2.4绝对定位 313

13.2.5堆叠顺序z-index 314

13.3小结 317

第14章 进阶到HTML5 318

14.1用HTML5语义元素制作页面 318

14.1.1页头header 319

14.1.2主体部分main 320

14.1.3页脚footer 321

14.1.4导航栏nav 322

14.1.5内容板块section 323

14.1.6独立内容article 325

14.1.7附属信息aside 327

14.2更丰富的表单类型 328

14.2.1邮件地址email类型 328

14.2.2链接地址url类型 329

14.2.3数值number类型 330

14.2.4滑动条range类型 331

14.2.5搜索栏search类型 332

14.2.6电话号码tel类型 332

14.2.7颜色选择器color类型 333

14.2.8日期类输入控件 334

14.3新增表单属性 338

14.3.1自动填充autocomplete 338

14.3.2自动聚焦autofocus 340

14.3.3输入提示placeholder 341

14.3.4图片按钮的宽度width和高度height 342

14.3.5表单验证规则pattern 343

14.3.6必填字段required 344

14.4表单新元素 345

14.5小结 346

第15章 HTML5多媒体和绘图 347

15.1音频audio 347

15.1.1 audio元素简介 347

15.1.2音频配置 349

15.2视频video 354

15.2.1 video元素简介 354

15.2.2视频配置 355

15.3画板canvas 357

15.3.1 canvas元素简介 357

15.3.2绘图API 358

15.4小结 363

第16章 HTML5本地存储与离线应用 364

16.1 WebStorage 364

16.1.1会话存储sessionStorage 364

16.1.2持久化存储localStorage 365

16.2前端数据库IndexedDB 366

16.2.1 IndexedDB简介 366

16.2.2 IndexedDB的增删改查操作 368

16.3离线应用 370

16.3.1离线应用介绍 370

16.3.2 manifest配置 370

16.4小结 371

第17章 进阶到CSS3 372

17.1 CSS3文本 372

17.1.1文本换行word-wrap 372

17.1.2单词断行word-break 374

17.1.3文字阴影text-shadow 376

17.1.4文字溢出处理text-overflow 377

17.2 CSS3边框 379

17.2.1边框圆角border-radius 379

17.2.2盒子阴影box-shadow 381

17.2.3图像边框border-image 384

17.3 CSS3背景 385

17.3.1背景尺寸background-size 385

17.3.2背景起点background-origin 387

17.4 CSS3布局 389

17.5 CSS3渐变 392

17.5.1线性渐变 392

17.5.2辐射渐变 395

17.6小结 396

第18章 CSS3过渡与动画 397

18.1变换transform 397

18.1.1旋转rotate 397

18.1.2缩放scale 401

18.1.3倾斜skew 402

18.1.4移动translate 404

18.1.5矩阵变换matrix 405

18.2过渡transition 405

18.3动画animation 407

18.4小结 409

查看更多关于的内容