学习网页技术CSS应用在特定场合的规则

　　At-rules分装不同的CSS规则，应用在特定场合。
　　Importing
　　import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样：
　　@import url(addonstyles.css);
　　这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面：
　　<style type="text/css" media="all">@import url(monkey.css);</style>
　　这是为了照顾老版本浏览器，比如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。
　　看下面例子：
@font-face {
      font-family: somerandomfontname;
      src: url(somefont.eot);
      font-weight: bold;
}
p {
      font-family: somerandomfontname;

第 1 2 页

补充：Css教程,样式布局