WAP 2.0介绍和使用规范(3)

三、WCSS/WAP CSS
（一）WCSS 介绍
WCSS/WAP CSS/Wireless CSS/Wireless Profile CSS（WAP Cascading Style Sheet ）
是CSS2的子集+一些WAP特有的扩展
目的：定义文档的风格和布局，从文档内容中分离。
重要性：不同的手机设备有多样的特征，比如屏幕大小。
WML不支持WCSS
W3C CSS Mobile Profile和WAP CSS 不同。
（二）使用WCSS的优势
主要：学习成本降低，可用相同的开发工具，可用WEB浏览器浏览。
表现和结构的分离：匹配不同无线设备的特征（屏幕大小）、不同客户端代理（PC、PDA、手机）；降低维护成本（新手机）；改变视觉和布局仅需CSS；重复使用CSS；便于工作细分。
比WML更好的控制表现：可以定义元素的color，font，background，border，margin，padding等属性。
移动设备第一次访问站点下载样式（Cache）。
使用外部WCSS，XHTML MP的文档大小变小，提高下载时间。
（三）使用WCSS的劣势
不同的WAP浏览器对WCSS的支持不同，可能一个属性在这个WAP浏览器上支持，而另外一个不支持。
外部的WAP CSS可能增加第一次访问页面的请求时间。原因：外部WCSS不存在于手机的Cache，必须从服务器下载；XHTML MP文档和外部的WCSS下载是不同的请求，增加了服务器压力；如果使用一个WCSS定义WAP站点的所有表现，该文件大小可能很大；WAP浏览器需要解析WCSS到XHTML MP文档。
（四）MIME 类型和文件扩展名
MIME类型： text/css。
文件扩展名：.css
（五）WCSS的语法规则
WCSS声明：selector {property: property_value}
多个属性允许的，用’;’分隔。
多个选择器也是允许的，用‘，’分隔。
注释：/*orz*/，WAP浏览器将忽略这些内容。
（六）如何在XHTML MP文档中应用
链接外部WCSS（推荐），放置在文档的head部分，用style属性定义WCSS样式
<link href=“url” rel=“stylesheet” type=“text/css”/>，可以多个，无需修改rel和type属性。
<style type="text/css"> &nbsp;some WCSS statements </style>
<hr style="color: blue"/>
（七）不同的选择器
类型选择器：h1 { font-style: italic} 元素名称必须小写。
Class选择器： .class { color:blue} 对应标签的class属性，还可以联合元素名称使用 h1.class {color:blue}。
ID选择器：#id {color:red} 对应标签的id属性也可联合元素名称。
通用选择器：* { color:blue} ，所有的标