css样式规则表引入的几种方式

17272011-05-31
style>...</style>之中,西安网站建设团队点墨网络竭诚为您服务。

<style type="text/css">
<!--
样式规则表
-->
</style>

    实例:

<style type="text/css">
<!--
body {
color:red;
background:#FFF;
font-size:14px;}
td, p {
color:gray;
font-size:12pt}
-->
</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">
<!--
@import url(将引入的样式表路径   文件名);
-->
</style>

    实例:

<style type="text/css">
<!--
@import url(http://yoururl/  example.css);
-->
</style>

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

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:15229292610

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

服务热线:15229292610

客服信箱:vip@dianmo.cc

846461336327

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1