附录B CSS引用

本附录包含以下CSS引用表格。

  • 表B.1 CSS属性和值,可用做很多常见或实用的CSS属性及其默认值、允许值的快速参考。

  • 表B.2 CSS选择器和结合符,对CSS选择器和结合符的引用,包括在CSS3中引入的那些。

  • 表B.3 CSS3的颜色值,涵盖了在CSS3中引入的颜色值(HSL、HSLA和RGBA)。

  • 表B.4 CSS3渐变,演示了在CSS中定义渐变的语法。

  • 表B.5 媒体查询,演示了媒体查询的语法。媒体查询用于对特定的媒体类型(如屏幕、打印)定位样式,以及对探测到的其他媒体特性(如设备尺寸、方向等)定位样式。

  • 表B.6 嵌入字体,演示了使用@font-face规则嵌入字体的语法。

注意:CSS3规范还处于变化之中,浏览器也不断为规范中的各种模块更新额外的支持。浏览器厂商还引入了一些自己的新特性,或者实现了一些还未成为标准的CSS3特性。幸好,CSS提供了一种安全的处理方式,即厂商前缀。厂商前缀允许不同的浏览器在不干扰其他浏览器的实现,且不覆盖未来标准版本的情况下,对属性进行实验性地实现(例如,使用-webkit-box-shadow而不是box-shadow)。

最为常见的厂商前缀包括:

  • -moz-(Firefox及其他使用Mozilla渲染引擎的浏览器)

  • -webkit-(Chrome、Safari及其他使用WebKit渲染引擎的浏览器)

  • -o-(Opera)

  • -ms-(Internet Explorer 8及以上版本)

关于哪些浏览器支持哪些CSS3属性和值的信息,可参考www.quirksmode.org/css/contents.htmlhttp://caniuse.comhttp://findmebyip.com/litmus。此外,还可以使用像Modernizr(www.modernizr.com)这样的JavaScript库测试浏览器对这些特性的支持情况。