展会信息港展会大全

CSS高级教程 @规则
来源:互联网   发布日期:2016-03-25 16:35:05   浏览:1975次  

导读:at(@)规则把CSS规则都注入了一个压缩胶囊中,并且应用到指定的某些事物中。喔。导入导入importat规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可...

at(@)规则把CSS规则都注入了一个压缩胶囊中,并且应用到指定的某些事物中。喔。

导入

导入import at规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可以这样做:

@import url(addonstyles.css);

这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式,看起来像这样:

<style type="text/css" media="all">@import url(monkey.css);</style>

这样做的好处是,一些老浏览器如Netscape 4.x不接受at规则,进而不连接样式表,从而,如果你有良好结构的标记,只剩下朴素功能的HTML(尽管没有样式)。

媒体类型

媒体media at规则将把内容应用到指定的媒体,比如打樱比如

@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(电视)。

字符集

字符集charset at规则设置一个外部样式的字符编码,它应该出现在样式的顶端,大致如此:@charset "ISO-8859-1";

字体外观

字体外观font-face at规则用来详细描述一个能嵌入CSS的外部字体。

它必须一个font-family的字体可以参考的描述符,值可以是系统已经存在的字体名称(这种情况发生时会覆盖掉该字体),也可以是全新的名字。为了嵌入一个字体,需用使用src描述符。字体外观at规则的其他描述符是使用该字体的一些条件,比如,在at规则里面增加一条font-weight: bold样式,如果font-weight属性也设置了bold,font-family的src将应用该规则到带有font-family属性的选择符。

使用字体外形at规则看起来像这样:

@font-face {

font-family: somerandomfontname; src: url(somefont.eot);

font-weight: bold;

}

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港