通知公告

CSS基础学习指南

本单元学习指南

CSS基础

本单元学习CSS基础知识，从这里出发你可以在上一单元的基础上学习CSS的开发技术，通过通俗的讲解介绍，详细地带领大家了解CSS是什么，以及如何灵活运动CSS技术。

学习内容

CSS样式

基本CSS选择器

在网页中添加CSS的方法

复合选择器

CSS的继承特性

CSS样式－链接控制

网页中的导航

超级链接的控制

鼠标指针的控制

CSS样式—列表、表格与表单的控制

列表的控制

表格的控制

表单元素的控制

CSS样式－盒模型基础

盒模型概述

盒模型的属性构成

盒模型的边框属性

学习目标

1能掌握CSS样式表的基本语法和规范，内部CSS和外部CSS的添加方法， CSS常用属性；

2能掌握CSS语言的语法结构、Dreamweaver软件对CSS的添加和编辑；

3能在网页中添加样式表；

4理解样式表的优先级别；

5可以使用Dreamweaver可视化的添加样式表；

6可以使用Dreamweaver中的样式定义面板；

7使用CSS进行页面特效制作及排版等。

CSS定位与布局

在这个WEB标准化布局被广泛应用的时代，它已经不再是两年前那个新鲜的名词了。它正逐渐步入广大Web开发、设计人员的视野。它的好、他的坏，已经逐渐开始成为前台开发工程师争论的焦点。

针对于WEB标准化布局和传统表格布局的页面“浏览快慢”的说法，是指在带宽有限的情况下，由于需要等待载入时间，而表现出的快慢。传统表格布局的特点是只有在表格体内的内容全部载入完后，才一次性显示该表格。因此，当表格内容很多时，容易出现“载入慢”的情况，这完全可以在设计的时候尽量避免。

WEB标准化布局的特点是载入一点就显示一点，因此有“载入快”的说法。但在一些简单的应用上时，WEB标准化布局的代码比传统表格布局多，其实代码量上去了，反而“载入慢”了。所以，并不是完全用WEB标准化布局就完美了，而是应该根据适用的准则来选择所需要的技术。

学习内容

1. 盒模型布局概述

2. 定位布局

3. 浮动布局

4. 浮动布局属性设置

学习目标

1WEB标准化布局概述；

2CSS的盒模型；

3WEB标准化布局的网页结构；

4CSS浮动布局；

5CSS定位布局。