前言
第1篇 HTML5
第1章 HTML5学习概述
1.1 认识HTML5
1.1.1 HTML的发展历程
1.1.2 HTML5与HTML4的区别
1.2 学习HTML5前的准备工作
1.2.1 常用浏览器介绍
1.2.2 常见的HTML5开发软件介绍
1.2.3 创建第一个HTML5页面
1.3 HTML5的语法与结构
1.3.1 HTML5的语法
1.3.2 HTML5的文档结构
1.4 章节案例:开始我的第一个网页
第2章 HTML5常见的块级标签和行级标签
2.1 常见的块级标签
2.1.1
:标题标签
2.1.2
:水平线标签
2.1.3
:段落标签
2.1.4
:换行标签
2.1.5
:引用标签
2.1.6
:预格式标签
2.1.7
:无序列表标签
2.1.8
:有序列表标签
2.1.9
:定义列表标签
2.1.10
:分区标签
2.2 常见的行级标签
2.2.1
:图片标签
2.2.2
:超链接标签
2.2.3 其他常用的行级标签
2.3 HTML5新增标签简介
2.4 章节案例:促销信息网页实现
第3章 HTML5表格
3.1 HTML5表格简介
3.1.1 表格的基本结构
3.1.2 表格的定义
3.2 表格的基本属性
3.2.1 border: 表格边框属性
3.2.2 width/height: 表格(宽度/高度)属性
3.2.3 bgcolor: 表格背景色属性
3.2.4 background: 表格背景图属性
3.2.5 bordercolor: 表格边框颜色属性
3.2.6 cellspacing: 表格单元格间距属性
3.2.7 cellpadding: 表格单元格内边距属性
3.2.8 align:表格对齐属性
3.3 行和列的属性
3.3.1 width/height:单元格宽度/高度属性
3.3.2 bgcolor:单元格背景色属性
3.3.3 align:单元格内容水平对齐属性
3.3.4 valign:单元格内容垂直对齐属性
3.3.5 colspan /rowspan:表格的跨行与跨列
3.4 表格的结构化与直列化
3.4.1 表格的结构化
3.4.2 表格的直列化
3.5 章节案例:完成 “特别休假申请单
第4章 HTML5表单
4.1 表单简介
4.1.1 表单的结构
4.1.2 表单的常用属性
4.2 input输入框
4.2.1 input常用属性
4.2.2 text:文本输入框
4.2.3 password:密码输入框
4.2.4 radio:单选按钮
4.2.5 checkbox:复选按钮
4.2.6 file:文件上传按钮
4.2.7 submit:表单提交按钮
4.2.8 reset:重置按钮
4.2.9 image:图形提交按钮
4.2.10 button:可单击按钮
4.3 其他表单元素
4.3.1 select下拉选择控件
4.3.2 textarea文本域
4.3.3 button按钮
4.4 HTML5智能表单
4.4.1 表单分组
4.4.2 表单新增元素及属性
4.5 章节案例:用户注册页面实现
第2篇 CSS3
第5章 CSS基础知识
5.1 CSS概述
5.1.1 CSS简介
5.1.2 CSS语法结构
5.1.3 CSS注释
5.1.4 行内样式表
5.1.5 内部样式表
5.1.6 外部样式表
5.2 CSS选择器
5.2.1 通用选择器
5.2.2 标签选择器
5.2.3 类选择器
5.2.4 id选择器
5.2.5 后代选择器与子代选择器
5.2.6 交集选择器与并集选择器
5.2.7 伪类选择器
5.2.8 选择器的命名规则及优先级
5.3 章节案例:CSS选择器练习
第6章 CSS常用属性
6.1 CSS常用文本属性
6.1.1 字体、字号与颜色属性
6.1.2 文本属性
6.2 CSS常用背景属性
6.2.1 背景颜色属性
6.2.2 背景图像属性
6.3 CSS其他常用属性
6.3.1 列表常用属性
6.3.2 超链接样式属性
6.4 章节案例:实现素材图片效果
第7章 CSS3新增属性与选择器
7.1 CSS3的过渡与变换
7.1.1 transition:过渡属性
7.1.2 transform:变换属性
7.2 CSS3动画
7.2.1 CSS3动画的@keyframes和animation
7.2.2 CSS3 animation动画属性
7.3 CSS3其他常用属性
7.3.1 CSS3渐变效果
7.3.2 CSS3多列属性
7.4 CSS3新增选择器
7.4.1 属性选择器
7.4.2 结构伪类选择器
7.4.3 状态伪类选择器
7.4.4 其他选择器
7.5 章节案例:飞机滑翔动画实现
第8章 CSS盒模型与浮动定位
8.1 盒模型
8.1.1 盒模型概述
8.1.2 margin:外边距
8.1.3 border:边框
8.1.4 padding:内边距
8.2 盒模型相关属性
8.2.1 overflow:内容溢出控制
8.2.2 outline:外围线
8.2.3 box-shadow:盒子阴影
8.2.4 border-radius:边框圆角
8.2.5 border-image:图片边框
8.3 浮动与清除浮动
8.3.1 float:浮动
8.3.2 clear:清除浮动
8.3.3 子盒子浮动造成父
展开