学习div+css之一

时间：2008-11-25 来源：hkebao

独立编辑好的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”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。

［以下内容转载自另一个网友］
1、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？
　　当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页中使用的CSS，采用文档头部方式；只有在一个网页一、两个地方才用到的CSS，采用行内插入方式。
2、CSS的三种用法在一个网页中要以混用吗？
　　三种用法可以混用，且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的：先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS 就不去管它了；其次检查头部方式的CSS，有就执行了；在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出，三种CSS的执行优先级是：行内插入式、头部方式、外连文件方式。
3.如何使页面的背景在文字“滚动”时背景图案静止不动？
　　要使背景图案不随文字“滚动”的CSS是这样的：
<style type="text/css">

</style>