栏目导航

热点推荐

当前位置：主页>设计在线>CSS教程>资讯:css样式规则表引入的几种方式

www.jz123.cn 2010-10-20 来源: 中国建站责任编辑(袁袁) 我要投递新闻

style>...</style>之中。

<style type="text/css">

</style>

实例：

<style type="text/css">

</style>

此法通常是将整个<style>...</style>结构，写在网页的<head>...</head>部分。其优点是能够维持整篇文件的统一性，只要是有声明的元件即会套用该样式规则，但缺点也很明显，即在个别元件中的灵活度表现不足。

3.利用link标签将样式规则写在.css的样式档案中，再以<link>标签引入。

<link rel=stylesheet type="text/css" href="css样式规则文件路径">

实例：假设我们需要调用一个叫“example.css”的样式规则文件，我们只须在网页中加入

<link rel=stylesheet type="text/css" href="example.css">

即可套用该样式规则文件中所制定好的样式了。此法通常也是将link标签写在网页的<head>...</head>部分（如Z-Blog模板样式的调用，就是采用这一规则）。其优点是可以将要套用相同样式规则的数篇文件都指定到同一个样式档案，缺点也是在个别文件或元件中灵活度表现不足。

4.利用@import引入。

这和link标签用法很像，但它必须放在<style>...</style>标签中。

<style type="text/css">

</style>

实例：

<style type="text/css">

</style>

需要注意的是，行末的分号是必不可少的！此法引入的优缺点与利用link标签引入相似。