当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 导入CSS样式

导入CSS样式

2012/11/23 16:40:10作者:佚名来源:网络

移动端

【实例介绍】

导入CSS样式

导人外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import。以@import开头的导入样式表输入方法和链接样式表的方法很相似,但导入样式表输人方式更有优势。因为导人法可以在链接外部样式表的同时,针对该网页的具体情况,做出别的网页不需要的样式规则。

【基本语法】

<style  type=text/css>
@import  url("外部样式表的文件名称");
</style>

【语法介绍】

使用@import url(CSS文件的url)选择器可以导人样式表,其作用类似于链接方法。它也放在html文档的<style>与</style>标记符之间。它与<link>的区别在于,无论该网页是否应用了CSS样式表,它都将读取样式表,而<link>标记符是在该网页应用CSS样式表时,才去读样式表。

【实例代码】

<head> <Style type="text/css"> <!--

@import url(/stylesheets.css); Td{ background: yellow; color:black} --> </style> </head>

【代码分析】

注意其他的CSS规则应该仍然包括在style元素中,但所有的@import声明必须放在样式表的开始部分。

标签: 导入  CSS  样式