导语

  

内容提要

  

    本书以简洁的语言讲述了构建前端页面必备的HTML与CSS知识。以页面开发技能的“够用”为原则选取知识点，并结合常见的应用案例将其讲解透彻。
    全书分为12章。其中，第1～10章对常用的HTML与CSS知识进行讲解，在讲述知识点的同时注重思维模式的培养，由示例推导出知识点，对知识点在项目制作的常用之处和注意事项进行总结，并针对每个章节的知识点编排了常见网页版块（如导航、新闻列表、注册页面）的应用案例；第11章讲解了项目制作的实用技巧；第12章以两个完整的网站页面为例，带领读者梳理了页面规划、形成页面UI效果图、切图、分析结构、搭建结构、添加样式等一个完整项目的开发过程。
    本书适合作为高等院校、职业院校、培训机构等计算机相关专业学生的教材，也可供热爱前端开发的自学者使用。

第1章  网页制作相关概念
  1.1  网页的基本概念
    1.1.1  网页中的多媒体元素
    1.1.2  网页常用术语
    1.1.3  前端三层架构
  1.2  语言的编辑环境
    1.2.1  专业的编辑器
    1.2.2  使用记事本创建第一个网页
    1.2.3  推荐使用Sublime Text
  1.3  浏览器介绍
    1.3.1  常见浏览器
    1.3.2  查看网页源代码
第2章  HTML入门
  2.1  HTML
    2.1.1  HTML的历史版本
    2.1.2  语法格式
  2.2  HTML文本格式标记
    2.2.1  标题标记＜h1＞～＜h6＞
    2.2.2  段落标记＜p＞
    2.2.3  换行标记＜br/＞
    2.2.4  水平线标记＜hr/＞
    2.2.5  ＜font＞
    2.2.6  文本修饰标记
    2.2.7  特殊字符
  2.3  应用案例
  2.4  常用长度单位
  2.5  颜色表示
    2.5.1  颜色的英文单词
    2.5.2  rgb值
    2.5.3  #RRGGBB或#RGB
第3章  图像、路径及超链接
  3.1  网页中常用的图像格式及特性
  3.2  图像标记
    3.2.1  图像标记的用法
    3.2.2  图像标记的属性
  3.3  路径
    3.3.1  相对路径
    3.3.2  绝对路径
  3.4  应用案例
    3.4.1  效果图分析
    3.4.2  页面结构
    3.4.3  美化
  3.5  超链接标记
  3.6  应用案例
  3.7  其他形式的链接
    3.7.1  锚链接
    3.7.2  电子邮件链接
    3.7.3  文件下载
    3.7.4  FTP服务器链接
第4章  CSS
  4.1  CSS概述
  4.2  CSS语法结构
    4.2.1  语法格式
    4.2.2  注释
  4.3  CSS的使用
    4.3.1  行内样式
    4.3.2  内嵌样式表
    4.3.3  链入外部样式表
    4.3.4  导入样式表
  4.4  CSS选择器
    4.4.1  基础选择器
    4.4.2  复合选择器
  4.5  CSS的特性
    4.5.1  继承性
    4.5.2  层叠性
    4.5.3  优先级
  4.6  应用案例
第5章  CSS文本常用属性
  5.1  文本属性
    5.1.1  文本颜色
    5.1.2  文本字体
    5.1.3  文本字号
    5.1.4  字体风格
    5.1.5  小型大写字母
    5.1.6  文本粗细
    5.1.7  行高
    5.1.8  font综合设置属性
    5.1.9  文本对齐
    5.1.10  文本装饰
    5.1.11  文本缩进
    5.1.12  字间隔
    5.1.13  字母间隔
    5.1.14  处理空白符
  5.2  应用案例
  5.3  超链接及CSS伪类选择器
    5.3.1  锚伪类——超链接的4个状态
    5.3.2  其他伪类
第6章  盒子模型
  6.1  概念
    6.1.1  块元素
    6.1.2  行内元素
  6.2  认识盒模型
  6.3  盒子的基本CSS属性
    6.3.1  外边距
    6.3.2  内边距
    6.3.3  边框
  6.4  盒子模型的其他常用属性
    6.4.1  width和height属性
    6.4.2  display属性
    6.4.3  background属性
  6.5  应用案例
第7章  表格
  7.1  表格的用途
  7.2  表格的基本结构
    7.2.1  表格的基本概念
    7.2.2  表格的基本标记
  7.3  表格结构的其他标记
    7.3.1  ＜th＞标题单元格
    7.3.2  table标记中的＜thead＞、＜tbody＞和＜tfoot＞
    7.3.3  ＜caption＞表格标题
  7.4  表格常用属性
    7.4.1  跨行跨列表格
    7.4.2  边框、单元格填充、单元格间距
    7.4.3  表格的修饰属性
  7.5  CSS表格属性
    7.5.1  表格边框
    7.5.2  边框合并
    7.5.3  宽度和高度
    7.5.4  水平对齐方式和垂直对齐方式
    7.5.5  其他属性
  7.6  应用案例
    7.6.1  个人简历
    7.6.2  个人信息表
    7.6.3  数据统计表
第8章  布局与定位
  8.1  HTML文档流
  8.2  浮动
  8.3  清除浮动
  8.4  溢出
  8.5  浮动元素对父元素高度产生影响
  8.6  定位
    8.6.1  盒子的定位
    8.6.2  z-index盒子的图层顺序
  8.7  外边距塌陷问题
    8.7.1  相邻兄弟关系的外边距塌陷问题
    8.7.2  父子关系的外边距塌陷问题
  8.8  应用案例
    8.8.1  轮播效果
    8.8.2  民宿推荐
第9章  列表项
  9.1  有序列表
  9.2  无序列表
  9.3  自定义列表
  9.4  列表项的标记属性
    9.4.1  type属性
    9.4.2  start属性
    9.4.3  value属性
  9.5  列表项的CSS属性
    9.5.1  列表类型
    9.5.2  列表项图像
    9.5.3  列表项目符号位置
    9.5.4  简写属性
  9.6  应用案例
    9.6.1  新闻列表
    9.6.2  垂直导航
    9.6.3  横向导航+图+标题
    9.6.4  二级下拉菜单
第10章  表单
  10.1  表单的定义
  10.2  ＜form＞表单
  10.3  表单控件
    10.3.1  ＜input＞
    10.3.2  ＜select＞下拉列表
    10.3.3  多行文本框
  10.4  应用案例
    10.4.1  用户注册
    10.4.2  电子商务搜索栏
    10.4.3  登录页面
第11章  实用技巧
  11.1  CSSReset
  11.2  常见网页布局
    11.2.1  固定宽度布局
    11.2.2  自适应宽度布局
  11.3  CSS精灵图
  11.4  滑动门技术
  11.5  margin负值
    11.5.1  margin负数值理论
    11.5.2  margin为负数值的常见布局应用
第12章  项目案例
  12.1  企业网站首页面
    12.1.1  切图
    12.1.2  文件规划
    12.1.3  制作顶部
    12.1.4  制作轮播图
    12.1.5  制作业务快速导航
    12.1.6  制作主要内容区域
    12.1.7  制作案例展示
    12.1.8  制作网页底部的版权信息
  12.2  电子商务网站首页面
    12.2.1  整体结构分析
    12.2.2  站点规划
    12.2.3  制作头部
    12.2.4  制作左侧边栏导航
    12.2.5  制作广告图
    12.2.6  制作火热进行区域
    12.2.7  制作品牌墙
    12.2.8  制作底部