原创力文档- 1、本文档共12页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
语法与规则Rules
1.CSS Rules and Syntax
语法与规则
语法与规则 Rules and Syntax
Name 名称 CSS Version 版本 Description 简介 !important CSS1 提升指定样式条目的应用优先权。 /*comment*/ CSS1 CSS中的注释 /* 这里是注释内容 */ @import CSS1 指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明 @charset CSS2 在外部样式表文件内使用。指定该样式表使用的字符编码。 @media CSS2/CSS3 指定样式表规则用于指定的媒体类型和条件。 @font-face CSS3 设置嵌入HTML文档的OpenType字体。 @page CSS2 设置页面容器的版式，方向，边空等。
版本：CSS1
继承性：无
语法：
Selector{sRule!important;}
说明：
提升指定样式规则的应用优先权。
IE6及以下浏览器有个比较显式的支持问题存在，!important并不覆盖掉在同一条样式的后面的规则。请看下述代码：
示例代码：
div{color:#f00!important;color:#000;}
在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器下div的文本颜色为#f00
IE6及以下浏览器要使!important生效，可用以下代码：
示例代码：
div{color:#f00!important;color:#000;}
在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器下div的文本颜色为#f00
IE6及以下浏览器要使!important生效，可用以下代码：
示例代码：
div{color:#f00!important;}
div{color:#000;}
在上述代码中，IE6及以下浏览器中div的文本颜色表现与其它浏览器一致，都为#f00
兼容性：
浏览器类型 支持版本 Internet Explorer (√) Firefox (√) Chrome (√) Safari (√) Opera (√) <!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>!important_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@" />
<meta name="copyright" content="" />
<style>
.test{color:#f00!important;color:#000;}
.test2{color:#f00!important;}
.test2{color:#000;}
</style>
</head>
<body>
<div class="test">同一条样式内，!important将在IE6及以下浏览器中失效</div>
<div class="test2">在分散的样式条目内，IE6及以下浏览器对!important的支持与其它浏览器一致</div>
</body>
</html>
3.comment
版本：CSS1
语法：
/* 这里是注释内容 */
说明：
用于注释CSS中的某些内容。
兼容性：
浏览器类型 支持版本 Internet Explorer (√) Firefox (√) Chrome (√) Safari (√) Opera (√) <!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>comment_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@" />
<meta name="copyright" content="" />
<style>
.test{color:#f00;/*红色*/}
</style>
</head>
<body>
<div class="test">CSS中的注释语法：/* 注释的内容 */</div>
</body>
</html>
4.@import
版本：CSS1
语法：
@import <url> <media_query_list>
<media_query_list>：[<media_query>[
文档评论（0）