|
学习内容 |
学习目标 |
| 网页布局模型概念 | 了解和掌握流动模型、浮动模型和层模型的基本概念，理解三种而已模型的优点和缺点。 重点：各模型基本特点、优缺点和一般应用范围。 |
| 文档流和流动模型 | 理解文档流的概念和显示规则，掌握网页中元素以流动方式布局时的显示特点。理解 XHTML 的块级元素、块状元素、内联元素和可变元素的元素分类及其特点，掌握元素类型相互转换时的 CSS 属性。 重点：文档流；流；流动模型；自上而从左至右的流动规则；XHTML 元素分类的特点及其转换。 |
| 浮动模型的特征 | 理解浮动模型的基本含义和 CSS 定义为浮动（float: left; 或 float: right;）时的浮动规则，理解浮动元素的特性，掌握清除浮动的三种方法。 重点：浮动元素的定义方法；浮动元素的特性、外流内浮/上浮下流二种情况下的特殊现象。 |
| 混合布局中的浮动模型与流动模型 | 以实例分析理解上浮动模型、下流动模型和外流动模型、内浮动模型这二种特殊布局中的特征，掌握父元素包含子元素的处理方法。 重点：上浮动模型、下流动模型时浮动元素对流动元素的影响；父元素包含子子元素的元理。 |
| 六种浮动与流动模型混合布局示例 | 通过对六种浮动与流动模型混合布局的分析，理解元素在流动模型与浮动模型混合布局时的元理与特点。 重点：浮动元素的特性、外流内浮/上浮下流二种情况下的特殊现象及处理方法。 |
| CSS 2.0 盒模型探究 | 掌握 CSS 盒模型的基本概念与特点，理解盒模型在 3D 立体关系中在 padding 属性和 content 属性、background-image 属性、background-color 属性之间的 Z 轴关系。 重点：盒模型的定义；盒模型属性在 X 轴、Y 轴、Z 轴的关系；坐标原始点；内容区域原始点。 |
| 高度自适应 | 掌握包含元素、父元素、子元素的概念与相互关系，理解高度自适应定义时对 html、body 元素的处理方法。 重点：包含元素的特点；元素 CSS 属性的继承性；高度自适应处理方法。 |
| CSS 包含块的概念 | 了解包含元素与包含块的联系与区别，理解包含块的概念，掌握绝对定位时包含块的中相关元素的关系与特性。 重点：包含元素的信义；绝对定位中子元素与所参考父元素间的关系与缘由。 |
| 层模型的特征 | 理解层模型的的基本含义，掌握层模型定位的三种方式与基本特点，应用包含块概念进行层的绝对定位，掌握以 z-index 进行层叠的方法和定位原始点的含义。 重点：层模型的的特点；绝对定位与相对定位混合布局方法；以 z-index 进行层叠的方法；定位时的“内容区域原始点”和“坐标原始点”的含义。 |
| …… | …… |
Copyright © 2003- PowerEasy Yahu All Rights Reserved.
