css语法规则.docx

3font-face

DOCTYPEhtml>

--

描述：

设置嵌入HTML文档的字体。

通常使用.ttf（TrueType）和.otf（OpenType）两种字体格式。

嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。

即让客户端显示客户端所没有安装的字体。

微软的IE5已经是开始支持这个属性，但是只支持微软自有的.eot（EmbeddedOpenType）格式，而其他浏览器直到现在都没有支持这一字体格式。

Safari从3.1开始已经可以设置.ttf（TrueType）和.otf（OpenType）两种字体做为自定义字体了。

语法：

@font-face{font-family:

name;src:

;sRules;}

取值：

：

字体名称

：

使用绝对或相对地址指定OpenType字体

：

样式表定义

兼容性：

1、IE8及更早浏览器只支持微软自有的.eot（EmbeddedOpenType）格式。

2、IE9.0-10.0部分支持ttf和otf字体格式。

-->

4import

DOCTYPEhtml>

--

描述：

@import

：

[[',']*]?

：

[only|not]?

[and]*|[and]*

：

'（'[:

]?

'）'

取值：

：

使用绝对或相对地址指定导入的外部样式表文件。

可以是url（url）或者直接是一个url

：

指定媒体类型和查询条件。

说明：

指定导入的外部样式表及目标媒体。

该规则必须在样式表头部最先声明。

并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。

IE使用@import无法引入超过35条的样式表。

使用url（url）和直接使用url需要注意的地方：

示例代码：

@importurl（"global.css"）;

@importurl（global.css）;

@import"global.css";

以上3种方式都有效。

当使用url（url）的方式时，包住路径的引号可有可无；当直接使用url时，包住路径的引号必须保留。

指定媒体查询：

示例代码：

@importurl（example.css）screenand（min-width:

800px）;

@importurl（example.css）screenand（width:

800px）,（color）;

@importurl（example.css）screenand（min-device-width:

500px）and（max-device-width:

1024px）;

-->

5important

DOCTYPEhtml>

--

描述：

提升指定样式规则的应用优先权。

IE6及以下浏览器有个比较显式的支持问题存在，!

important并不覆盖掉在同一条样式的后面的规则。

请看下述代码：

语法：

Selector{sRule!

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

-->

同一条样式内，!

important将在IE6及以下浏览器中失效