HTML5从入门到精通PDF电子书下载

第1章 Web前端技术简介 1

1.1 Web前端概述 1

1.1.1 初识Web前端 1

1.1.2 Web前端开发的三大核心技术 2

1.2 Web前端开发工具 4

1.2.1 浏览器 4

1.2.2 网页编辑器 6

1.2.3 切图软件 10

1.3 HTML入门 10

1.3.1 什么是HTML 10

1.3.2 HTML基本结构 11

1.3.3 运行第一个HTML程序 13

1.3.4 HTML注释 14

1.3.5 HTML属性 15

1.4 本章小结 15

1.5 习题 16

第2章 HTML详解 17

2.1 HTML历史 17

2.1.1 HTML历史版本 17

2.1.2 HTML与XHTML关系 18

2.2 什么是HTML语义化 18

2.3 HTML常用标签 19

2.3.1 标题标签 19

2.3.2 段落标签 21

2.3.3 文本格式化标签 22

2.3.4 引用标签 25

2.3.5 水平线标签 28

2.3.6 特殊符号 29

2.3.7 图像标签 31

2.3.8 链接标签 36

2.3.9 列表标签 40

2.3.10 ＜div＞与＜span＞ 46

2.4 本章小结 49

2.5 习题 49

第3章 HTML表格与表单 50

3.1 HTML表格 50

3.1.1 表格基本结构 51

3.1.2 表头与标题 53

3.1.3 表格语义化 55

3.1.4 合并行与列 57

3.1.5 单元格边距与间距 59

3.1.6 表格其他属性 60

3.2 HTML表单 64

3.2.1 ＜form＞标签 65

3.2.2 ＜input＞标签 68

3.2.3 ＜textarea＞标签 77

3.2.4 ＜select＞标签 78

3.2.5 ＜label＞标签 82

3.3 本章小结 83

3.4 习题 83

第4章 CSS入门 85

4.1 CSS简介 85

4.1.1 CSS的历史版本 85

4.1.2 CSS的基本结构 86

4.2 背景样式 90

4.3 边框样式 97

4.4 文字样式 99

4.5 段落样式 106

4.6 复合样式 115

4.6.1 复合写法特点 115

4.6.2 复合写法注意事项 118

4.7 本章小结 119

4.8 习题 119

第5章 CSS基础 121

5.1 CSS引入方式 121

5.1.1 内部引入方式 121

5.1.2 外部引入方式 125

5.1.3 三种方式的对比 129

5.2 选择符详解 129

5.2.1 id选择符 130

5.2.2 class选择符 130

5.2.3 tag选择符 131

5.2.4 通配选择符 133

5.2.5 分组选择符 133

5.2.6 包含选择符 134

5.2.7 伪类选择符 135

5.3 样式的继承 139

5.4 样式的优先级 141

5.5 本章小结 149

5.6 习题 149

第6章 CSS进阶 151

6.1 CSS盒子模型 151

6.1.1 初识盒子模型 151

6.1.2 content内容 152

6.1.3 padding内边距 153

6.1.4 border边框 154

6.1.5 margin外边距 156

6.1.6 margin叠加和传递 158

6.2 块与内联 165

6.2.1 块特点 165

6.2.2 内联特点 168

6.2.3 块标签与内联标签的比较 172

6.3 默认样式 172

6.3.1 浏览器调试工具 172

6.3.2 标签默认值 173

6.3.3 CSS reset 175

6.4 其他常用样式 179

6.4.1 显示框类型 180

6.4.2 溢出隐藏 184

6.4.3 透明度 189

6.5 本章小结 191

6.6 习题 191

第7章 CSS浮动与定位 193

7.1 浮动原理 193

7.1.1 脱离文档流 193

7.1.2 float属性 194

7.1.3 float的注意点 199

7.1.4 clear属性 204

7.1.5 清除嵌套中浮动 207

7.2 CSS定位 212

7.2.1 定位属性 212

7.2.2 相对定位 213

7.2.3 绝对定位 215

7.2.4 固定定位 217

7.2.5 定位的层级 219

7.3 本章小结 221

7.4 习题 221

第8章 HTML＆CSS扩展 223

8.1 标签规范 223

8.1.1 嵌套问题 223

8.1.2 格式问题 226

8.2 HTML扩展 227

8.2.1 ＜link＞标签 227

8.2.2 ＜meta＞标签 228

8.2.3 ＜area＞标签 229

8.2.4 ＜pre＞标签 231

8.2.5 ＜iframe＞标签 232

8.2.6 ＜embed＞标签 233

8.3 CSS扩展 234

8.3.1 CSS雪碧 234

8.3.2 最大、最小宽高 237

8.3.3 添加省略号 240

8.3.4 CSS表格 241

8.4 本章小结 242

8.5 习题 242

第9章 HTML＆CSS实战 243

9.1 元素屏幕居中 243

9.1.1 问题 243

9.1.2 解决方案 243

9.2 分页展示 245

9.2.1 问题 245

9.2.2 解决方案 246

9.3 三角形图标 248

9.3.1 问题 248

9.3.2 解决方案 248

9.4 漂亮的上传按钮 250

9.4.1 问题 250

9.4.2 解决方案 251

9.5 标签切换页 252

9.5.1 布局制作 252

9.5.2 JavaScript动态切换 255

9.6 Photoshop切图 256

9.6.1 菜单项 256

9.6.2 工具栏 261

9.6.3 辅助信息 263

9.7 Photoshop切图流程 265

9.7.1 图片格式切图 265

9.7.2 PSD格式切图 268

9.8 Photoshop切图实例 269

9.8.1 “千锋动态”效果图制作 269

9.8.2 “全国开班”效果图制作 277

9.9 本章小结 282

9.10 习题 283

第10章 布局方案与整页制作 284

10.1 CSS布局 284

10.1.1 固定布局 284

10.1.2 自适应布局 287

10.1.3 混合布局 291

10.2 整页制作 295

10.2.1 结构划分与公共样式 296

10.2.2 网页模块命名规范 296

10.2.3 头部制作 297

10.2.4 导航制作 298

10.2.5 广告制作 300

10.2.6 列表制作 301

10.2.7 信息制作 303

10.2.8 尾部制作 305

10.3 浏览器兼容性 307

10.3.1 CSS Hack 307

10.3.2 IE条件注释语句 311

10.3.3 常见IE6浏览器的兼容性问题 312

10.4 本章小结 319

10.5 习题 319

第11章 HTML5标签与属性 321

11.1 HTML5简介 321

11.1.1 HTML5历史 321

11.1.2 新增语法 321

11.2 HTML5新增标签 323

11.2.1 结构标签 323

11.2.2 媒体标签 330

11.2.3 表单控件标签 332

11.2.4 其他标签 341

11.3 HTML5新增属性 347

11.3.1 data-＊属性 347

11.3.2 hidden属性 347

11.3.3 spellcheck属性 347

11.3.4 contenteditable属性 348

11.4 HTML5其他功能 349

11.4.1 拖放文件 349

11.4.2 本地存储 352

11.4.3 地理信息 354

11.4.4 双工通信 356

11.5 本章小结 358

11.6 习题 358

第12章 CSS3基础样式 360

12.1 浏览器前缀 360

12.2 CSS3选择器 361

12.2.1 属性选择器 361

12.2.2 结构伪类选择器 364

12.2.3 状态伪类选择器 366

12.2.4 其他选择器 368

12.3 CSS3文本属性 369

12.3.1 text-shadow属性 369

12.3.2 text-stroke属性 370

12.3.3 direction属性 371

12.3.4 @font-face属性 372

12.4 CSS3背景属性 373

12.4.1 background-size属性 374

12.4.2 background-origin属性 375

12.4.3 background-clip属性 377

12.5 CSS3颜色属性 378

12.5.1 linear-gradient属性 378

12.5.2 radial-gradient属性 380

12.6 CSS3边框属性 381

12.6.1 border-radius属性 381

12.6.2 border-image属性 383

12.6.3 box-shadow属性 386

12.7 本章小结 388

12.8 习题 388

第13章 CSS3动画与3D 390

13.1 CSS3过渡 390

13.1.1 transition属性 390

13.1.2 cubic-bezier值 395

13.2 CSS3变形 396

13.2.1 transform属性 396

13.2.2 transform-origin属性 403

13.3 CSS3动画 404

13.3.1 animation属性 404

13.3.2 animation-fill-mode属性 408

13.3.3 animation-direction属性 408

13.3.4 animation-play-state属性 410

13.4 CSS3之3D 411

13.4.1 transform3D属性 411

13.4.2 perspective属性 416

13.4.3 transform-style属性 419

13.4.4 perspective-origin属性 420

13.4.5 backface-visibility属性 421

13.5 本章小结 423

13.6 习题 423

第14章 移动端布局与响应式开发 425

14.1 移动端布局 425

14.1.1 移动端模拟器 425

14.1.2 手机的基本概念 426

14.1.3 viewport 427

14.1.4 移动端布局方案 430

14.2 弹性盒模型 437

14.2.1 flex方式 438

14.2.2 排列与对齐 438

14.2.3 换行与对齐 444

14.2.4 子元素属性 447

14.3 响应式开发 453

14.3.1 媒体查询 453

14.3.2 查询顺序 455

14.3.3 修改样式 456

14.4 本章小结 461

14.5 习题 461