2        认识CSS

2        语法

2        伪类——动态链接

2        如何在网页中插入CSS

2        用DW4创建CSS

2        DW4中CSS属性详解

2        滤镜

2        简单介绍CSS结合JS的运用

 (一)认识CSS

 

 

　　Dreamweaver4是现今最好的网站编辑工具之一，用它来给制作网页的CSS样式表会更

简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS，你不用死记硬背的

记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在网页中运用CSS。不过首

先你要对CSS有一定的了解。因此，本教程的前面4章为CSS理论知识，主要是对CSS的全面

介绍，希望读者看后对CSS的语法、结构、应用有一个全面的了解；后面4章为DW实战，主

要是教你如何利用Dreamweaver4灵活运用CSS在网页中。阅读此文前，你需要对HTML有一

定的了解，并会使用Dreamweaver。

 

一、　　认识CSS

 

CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种

制作网页的新技术。

 

网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格

<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在

1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表

的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了

更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括

JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape

Navigator等)和CSS样式表。

 

你可以用CSS精确的控制页面里每一个元素的字体样式、背景、排列方式、区域尺寸、四

周加入边框等。使用CSS能够简化网页的格式代码，加快下载显示的速度，外部链接样式

可以同时定义多个页面，大大减少了重复劳动的工作量。

 

注意：CSS需要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的浏览器支持，有

些效果需要更高版本的浏览器支持。

 

 (二)语法

 

1.　　基本语法

 

CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值

（value）。

基本格式如下：

selector {property: value}

（选择符 {属性：值}）

选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，