CSS的作用是将网页文档以更友好的展现方式呈现给用户。
我们的站点上有一个导航区域允许用户浏览。
为了网页在被打印的时候去掉无用的信息,我们在样式表中加一条适配规则,使导航区域在打印时是被隐藏起来的:
@mediaprint{#nav-area{display:none;}}一些常见的媒介类型:
一些其他指定媒介类型的规则。
类型可以在样式表通过link方式加到文档时被指定,这是文档的标签语言允许的。例如,在HTML中,你可以通过在LINK标签上添加media属性来指定媒介类型。
根据这些知识,你可以区分在不同的文件中定义不同媒介的样式规则。有时这也是结构化样式表的好方法。
CSS有一些特性能够支持打印和分页媒体。
对于打印媒介,可以使用适当的长度单位,像是英寸(in)、点(1pt=1/72inch)、厘米(cm)还有毫米(mm)。这等同于使用em来配合字体大小和百分比。
这个规则把四个方向的页边距都设置为1inch:
@page{margin:1in;}这个规则确保每个H1元素都从新的一页开始:
像CSS的其他特性一样,打印也依赖于你的浏览器及其设置。例如,在打印的时候Mozilla浏览器支持默认的间距,页眉和页脚。而当其他用户打印你的文档时,你无法预知他会使用的什么样的浏览器和设置,因此你也不能完全控制打印情况。
CSS有一些特殊的属性能够支持设备的用户界面,像电脑显示器。这使得文档的展示随着用户界面的情况而动态地变化。
并没有针对用户界面设备的特殊媒介类型。
下面有五种特殊的选择器:
一些其他的用户界面特性通常会通过属性来应用。例如,禁用或者只读的元素可以设置disabled属性和readonly属性。选择器可以通过方括:[disabled]或者[readonly]来指定这些属性。
这些规则规定了按钮在用户使用时动态变化的样式:
.green-button{background-color:#cec;color:#black;border:2pxoutset#cec;}.green-button[disabled]{background-color:#cdc;color:#777;}.green-button:active{border-style:inset;}这个wiki不支持页面上的用户界面,所以这些按钮不能点击。下面用一些静态图片来举例说明:
当一个功能性按钮初始化的时候,它的周围会围绕着一条黑色的轮廓。当它获取键盘焦点时,从表面上看有一条虚线轮廓。同时当鼠标悬浮在它上面时也有一些悬浮效果。
本文的第二部分列举了Mozilla的用户界面标签语言的例子,XUL。