动手实践详解
上一节
下一节
1. 请同学们利用所学的CSS盒模型、表单控件等的相关知识，完成如下QQ邮箱登陆界面。
2.
同学们利用所学盒模型及display属性等知识实现如图模块的排列效果：
目录
-
1 网页入门知识
-
1.1 认识网页
-
1.2 网页术语
-
1.3 web标准
-
1.4 常见浏览器
-
1.5 单元测试
-
1.6 web3.0简介
-
-
2 Html语法基础
-
2.1 Html概述和语法规则
-
2.2 头部标签
-
2.3 文本类标签
-
2.4 列表标签
-
2.5 表格标签
-
2.6 图像标签
-
2.7 链接标签
-
2.8 表单控件
-
2.9 单元测验
-
2.10 绝对路径和相对路径详解
-
-
3 css样式基础
-
3.1 构造CSS规则
-
3.2 CSS基本选择器
-
3.3 CSS样式的引用
-
3.4 CSS文本的设置
-
3.5 单元测验
-
3.6 3.6 动手实践详解
-
-
4 css选择器
-
4.1 css复合选择器
-
4.2 CSS特性
-
4.3 单元测验
-
4.4 动手实践详解详解
-
-
5 盒子模型
-
5.1 盒子模型的概念及基本结构
-
5.2 设置盒子模型
-
5.3 多个盒子的相互影响
-
5.4 背景的设置
-
5.5 display属性
-
5.6 单元测验
-
5.7 动手实践详解
-
-
6 浮动和定位
-
6.1 浮动的概念和属性设置
-
6.2 清除浮动的影响
-
6.3 定位的概念和分类
-
6.4 设置定位
-
6.5 导航的制作
-
6.6 单元测验
-
6.7 动手实践详解
-
-
7 网页布局
-
7.1 常见的布局形式
-
7.2 单列布局的实现
-
7.3 两列布局的实现
-
7.4 三列布局的实现
-
7.5 混合布局的实现
-
7.6 布局案例
-
7.7 单元测验
-
7.8 动手实践详解
-
-
8 css3的高级属性
-
8.1 分栏属性
-
8.2 text-shadow
-
8.3 Border-radius
-
8.4 transition
-
8.5 transfrom
-
8.6 css3照片墙的制作
-
8.7 单元测验
-
8.8 动手实践详解
-
-
9 网站综合案例
-
9.1 遵从WEB标准的网页设计流程
-
9.2 案例分析与实现---页面的粗略设计
-
9.3 案例分析与实现---页面的精细设计
-
9.4 案例分析与实现---页面的交互设计
-
9.5 单元测验
-
9.6 FontAwesome简介
-
