css教程:css指令,兼容,注释,selector
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-04
元素可以包含多个styles，也可以通过@import指令引入多个指向外部style sheet的链接。
1．2．3 @import指令
用法：
<style type="text/css">
@import url(styles.css); /* @import comes first */
@import url(blueworld.css);
@import url(zany.css);
h1 {color: gray;}
</style>
可见其作用类似link，
l 通知浏览器将外部style sheet载入。
l 并且可以载入多个style sheet。
区别是
l 位置与语法不同。
@import被包含在style元素中，并且必须在其他css规则之前。
l 每一个import的style sheet都会被使用，没有替代规则。
相对于link的media属性，import有：
@import url(sheet2.css) all;
@import url(blueworld.css) screen;
@import url(zany.css) projection, print;
@import的重要用途：
在导入的某个style sheet A中，A需要也使用外部的style sheet，这时link元素显然无用。比如css文档中，是不可能出现link元素的，这时使用@import，如下：
@import url(http://example.org/library/layout.css);
@import url(basic-text.css);
@import url(printer.css) print;
body {color: red;}
h1 {color: blue;}
1．3 与老版本浏览器的兼容问题
浏览器对不能识别的tag一律忽略。但是如果浏览器不能识别style元素，style会以普通文本的形式出现在网页的最上面。解决方案：在style里面加上注释符号，这样旧版本的浏览器不会以文本方式显示，新版本浏览器可以正确使用style元素。具体如下：
<style type="text/css"><!--
@import url(sheet2.css);
h1 {color: maroon;}
body {background: yellow;}
--></style>
1．4 css中的注释
css的注释类似c：
/* This is a CSS1 comment */
Comments can span multiple lines, just as in C++:
/* This is a CSS1 comment, and it
can be several lines long without
any problem whatsoever. */
但是注意：css的注释不能被嵌套。
1．5内联风格inline style
将style放到html元素描述的地方，就是inline style
<p style="color: gray;&qu |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Css Reset(复位)的简单介绍下一篇: CSS入门教程:网页首字下沉
关于css教程:css指令,兼容,注释,selector的所有评论
