本书是HTML5初学者极好的入门教材之一，内容通俗易懂、由浅入深、循序渐进。本书内容覆盖全面、讲解详细，其中包括标签语义化、标签使用规范、选择器类型、盒模型、标签分类、样式重置、CSS优化、Photoshop切图处理、整页制作、CSS3新样式、HTML5新功能等。

　　本书具有四大特色：一是案例简洁形象，以简单案例来剖析晦涩的知识点；二是通过精简核心内容，摒弃老旧的概念与语法，突出重点内容，从而节省读者的阅读时间与学习成本；三是本书作者实战操作经验丰富，本书内容不仅仅局限于知识点讲解，还包含开发工具、开发流程、整站制作、精确切图等知识点的详细介绍；四是本书包含更多新版本内容，同时对新的CSS3和HTML5知识点都有所涉及。

　　本书适合初学者和中等水平的HTML5开发人员，以及高等院校、培训学校的师生使用，是牢牢掌握HTML5语言开发技术的必读之作。

 

第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

《HTML5从入门到精通》是HTML5初学者最好的入门教材之一，内容通俗易懂，由浅入深，循序渐进。内容覆盖全面，包括标签语义化、标签使用规范、选择器类型、盒模型、标签分类、样式重置、CSS优化、PS切图处理、整页制作、CSS3新样式、H5新功能等都做了详细的讲解。

本书有几大特色：1.案例简洁形象，用简单案例剖析晦涩的知识点；2.精简核心内容，摒弃老旧的概念与语法，关注重点内容，节省阅读时间与学习成本；3.实战操作丰富，不单单只是讲解知识点，开发工具、开发流程、整站制作，精确切图等都有详细的介绍；4.包含新版本内容，对新的CSS3和H5知识点都有涉及。

本书面向初学者和中等水平HTML5开发人员，高等院校及培训学校的老师和学生，是牢固掌握HTML5语言开发技术的必读之作。

为了帮助读者及时地解决学习过程中遇到的问题,千锋教育推出了免费的在线答疑平台“扣丁学堂”并承诺在3小时解决大家遇到的各种问题。

本书附有配套的教材PPT、源代码、教学视频、教学大纲、测试题、教学设计、项目(10多个项目)、案例(100个)等资源。

《HTML5从入门到精通》是HTML5初学者最好的入门教材之一，内容通俗易懂，由浅入深，循序渐进。内容覆盖全面，包括标签语义化、标签使用规范、选择器类型、盒模型、标签分类、样式重置、CSS优化、PS切图处理、整页制作、CSS3新样式、H5新功能等都做了详细的讲解。

本书有几大特色：1.案例简洁形象，用简单案例剖析晦涩的知识点；2.精简核心内容，摒弃老旧的概念与语法，关注重点内容，节省阅读时间与学习成本；3.实战操作丰富，不单单只是讲解知识点，开发工具、开发流程、整站制作，精确切图等都有详细的介绍；4.包含新版本内容，对新的CSS3和H5知识点都有涉及。

本书面向初学者和中等水平HTML5开发人员，高等院校及培训学校的老师和学生，是牢固掌握HTML5语言开发技术的必读之作。

为了帮助读者及时地解决学习过程中遇到的问题,千锋教育推出了免费的在线答疑平台“扣丁学堂”并承诺在3小时解决大家遇到的各种问题。

本书附有配套的教材PPT、源代码、教学视频、教学大纲、测试题、教学设计、项目(10多个项目)、案例(100个)等资源。