更新时间:2019-01-02 05:48:04
封面
版权信息
前言
第1章 怎样开发设计网站
1.1 网站开发设计需要什么
1.1.1 需要HTML文件
1.1.2 需要Div来布局
1.1.3 需要CSS来定义样式
1.1.4 需要JavaScript
1.2 通过Dreamweaver开发Div+CSS
1.2.1 通过Dreamweaver在HTML页面里插入Div
1.2.2 Dreamweaver的CSS代码支持
1.3 一个简单的网页需要包含什么
1.3.1 head部分
1.3.2 body部分
1.3.3 编写注释
第2章 HTML入门基础
2.1 HTML标签
2.1.1 段落标签
2.1.2 文本标签
2.1.3 超链接标签
2.1.4 图像标签
2.1.5 表格标签
2.2 HTML5简介
2.2.1 HTML5基础
2.2.2 向后兼容
2.2.3 更加简化
2.2.4 HTML 5语法中的3个要点
2.3 新增的主体结构元素
2.3.1 实例应用——article元素
2.3.2 实例应用——section元素
2.3.3 实例应用——nav元素
2.3.4 aside元素
2.4 新增的非主体结构元素
2.4.1 实例应用——header元素
2.4.2 实例应用——hgroup元素
2.4.3 实例应用——footer元素
2.4.4 实例应用——address元素
第3章 CSS样式设计基础
3.1 初识CSS
3.1.1 CSS基本语法
3.1.2 添加CSS的方法
3.1.3 设计第一个实例
3.2 CSS选择器
3.2.1 CSS选择器概述
3.2.2 标签选择器
3.2.3 类选择器
3.2.4 ID选择器
3.2.5 伪类选择器和伪元素
3.2.6 群组选择器
3.2.7 相邻选择器
3.2.8 通用选择器
3.3 CSS属性和属性值
3.3.1 CSS属性
3.3.2 CSS单位
3.3.3 设置颜色
第4章 使用CSS设置文本和段落样式
4.1 字体属性
4.1.1 字体font-family
4.1.2 字号font-size
4.1.3 字体风格font-style
4.1.4 字体加粗font-weight
4.1.5 字体变形font-variant
4.2 段落属性
4.2.1 单词间隔word-spacing
4.2.2 字符间隔letter-spacing
4.2.3 文字修饰text-decoration
4.2.4 垂直对齐方式vertical-align
4.2.5 文本转换text-transform
4.2.6 水平对齐方式text-align
4.2.7 文本缩进text-indent
4.2.8 文本行高line-height
4.2.9 处理空白white-space
4.2.10 文本反排unicode-bidi、direction
4.3 实例应用
4.3.1 控制文本的行高和间隔
4.3.2 实现文本垂直居中
第5章 使用CSS设置图片和背景样式
5.1 图片样式设置
5.1.1 定义图片边框
5.1.2 文字环绕图片
5.2 背景样式设置
5.2.1 设置页面背景颜色
5.2.2 定义背景图片
5.2.3 背景图片的重复
5.2.4 背景关联
5.2.5 定义背景图片的位置
5.3 实例应用
5.3.1 鼠标经过图片显示文字
5.3.2 鼠标移上改变图片透明度
5.3.3 将正方形图片显示为圆形图片
5.3.4 多图排列展示放大特效
第6章 使用CSS控制列表样式
6.1 有序列表
6.1.1 有序列表标签<ol>
6.1.2 有序列表的序号类型type
6.1.3 有序列表的起始数值start
6.2 无序列表
6.2.1 无序列表标签<ul>
6.2.2 无序列表的类型type