【简 介】
CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。 |
|
|
|
|
Direction参数是用来设置模糊的方向。0度代表垂直向上，然后每45度一个单位，例子中的135代表底部向右135度，每一个度数单位都代表一个模糊方向，如果您感兴趣的话，可以参照后面的讲解中详细的参数设定。
Strengh代表有多少像素的宽度将受到模糊影响，参数值是用整数来设置的。
我们看到除了在＜HEAD＞中有CSS 的定义，在＜BODY＞中也有一段CSS定义：
＜p style=“font-size：48;font-style：bold;color：red;”＞hongen＜/p＞
这里Style是内嵌到＜P＞中来定义该段落内的格式的。我们发现在＜BODY＞中的CSS语句与定义在＜HEAD＞中还有些不同，它是用＜ STYLE = ＞直接定义的。这种定义方法非常适用于编写的代码比较多的情况。
而上面的代码的CSS定义格式则非常适用于代码较少、结构较简单的情况。
按照CSS语句的基本格式，我们可以看出上面定义P段落内的CSS代码中font-size、font-style和color是属性，分别定义＜P＞中“hongen”字体的大小(size)、样式(style)和颜色(color)；
而48、bold、red是属性值。意思是“hongen”将以48pt、粗体、红色的样式显示。由于整个段落是定义在＜DIV＞中的，所以hongen又将显示出＜head＞中定义的滤镜属性来。最终的结果就如同图2一样。
图1中的效果也是用很简单的CSS语句实现的，只是运用了CSS中的滤镜属性而已。
通过上面的讲解，我们可以看到用很简单的CSS语句就可以实现许多需要专业软件才可以达到的效果。利用属性可以设置字体、颜色、背景等页面格式；利用定位可以使页面布局更加规范、好看；利用滤镜可以使页面产生多媒体效果。 怎么样，CSS的功能是不是很强大，在下面的教程中我们将对它进行详细的讲解。 从上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。
您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。
那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。
一种是把CSS文档放到＜head＞文档中：
＜style type=“text/css”＞ …… ＜/style＞
其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。
另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：
＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞
这是采用＜Style=“ ”＞的格式把样式写在html中的任意行内，这样比较方便灵活。 还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在＜head＞中定义。定义的格式是这样的：
＜head＞ ＜link rel=stylesheet href=“style.css”＞ …… ＜/head＞
我们看到这里应用了一个＜Link＞，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。
而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。
本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。
下一章我们将进入CSS的具体知识的学习，我们将先从最基本的属性开始讲起。
|
|
 |
关键字:
|
|
|
相关文章
|
| 杀毒软件免费随便用
瑞星全功能安全软件2009 基于“云安全”策略和“智能主动防御”技术开发.
www.rising.com.cn
|
|
|
|
