At-rules分装不同的CSS规则,应用在特定场合。
Importing
import@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样:
@import url(addonstyles.css);
这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面:
这是为了照顾老版本浏览器,比如Netscape4不支持@规则所以不能链接样式表,已经构建好标签的HTML页面会失去样式表提供的功能。
Media types
media@规则应用内容使用特定媒体,比如打印,例如:
代码如下 | 复制代码 |
@media print { body { font-size: 10pt; font-family: times new roman, times, serif; } #navigation { display: none; } } |
媒体形式:
all,所有媒体。
aural,言语合成器。
handheld,移动设备
print,打印
projection,投影
screen,电脑屏幕
你还可以使用braille,embossed,tty或者tv。
注意:说了这么多,IE只支持all,screen和print。
Charachter sets 字符设定
charset@规则简单设定外部样式里的编码。它出现在样式的最上面例如@charset "ISO-8859-1";
Font faces 字体外观
font-face@规则用来详细描述字体,可以在CSS里嵌入外部字体。
它需要font-family描述符引用字体,它的值可以是字体的名称或是新命名一个。嵌入一个字体,使用src描述符。其他添加到font-face@规则里的描述符将影响正在使用的内含字体,例如如果你添加font-weight: bold粗体到@规则,font-family的src只能运用到带有font-family属性的选择器里,而且选择器里font-weight属性同样设置成bold。
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,