WAP Cascading Style Sheet
XHTML MP的重点是它对CSS的支持。CSS [CSS1]描述如何在浏览器中把文档显示在屏幕上。W3C积极促进CSS在Web中的使用，使其能用于所有桌上型电脑和移动浏览器。 通过使用CSS，无需像在WML 1.x一样牺牲设备独立性或加入新的标记语言标签，文档创建者就可以控制文档的显示。
WAP CSS由OMA定义，它是CSS适用于小型设备的子集；它去掉了那些不适用于特别小的设备的功能，并加入了一些WAP的专有功能。
使用CSS，文档作者就可以在CSS文档中定义整个Web应用软件的显示。任何时候，如需改变显示，只要在CSS文档中作一次改动，变动就可立即应用于站点中参照了该CSS文档的所有页面。
WAP2.0下专属的CSS：WCSS
也叫 WAP CSS/Wireless CSS/Wireless Profile CSS（WAP Cascading Style Sheet ）
是CSS2的子集+一些WAP特有的扩展
目的：定义文档的风格和布局，从文档内容中分离。
重要性：不同的手机设备有多样的特征，比如屏幕大小。
WML不支持WCSS
注意：W3C CSS Mobile Profile和WAP CSS 不同。
WCSS 是 CSS2.0的子集，所以语法基本类似。
下面是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"> 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} ，所有的标签。注意：在某些WAP浏览器上会使样式渲染变慢。（建议不要用）
常用的属性值
长度：%，px，em，ex，cm，mm，in，pt，pc（值和单位之间不允许有空格：margin-top:1px而不是margrin-top:1 px）。
颜色：rgb(r%;g%,b%)、rgb(r,g,b)、#rrggbb、#rgb、red(16种)。
URL：ul {list-style-image: url(bullet.gif)} 无引号、双引号、单引号均可。
字体和文本属性
字体名称：p {font-family: “Times New Roman”} 名称中有空格或多个单词必须用引号包含。
字体大小：p {font-size:12px}，也可以用xx-small，x-samll，small，medium，large，x-large，xx-large
字体样式：斜体、粗体和下划线（font-style,font-weight和text-decoration）。
设置文本对齐：text-align和float。WAP中float（left,right,none）常用在img和table标签
列表属性
改变无序列表的图标（list-style-type ）：默认disc，其他值：circle，square，none。可以应用在ul和li元素上。
改变有序列表的次序：默认decimal，其他值：upper-alpha（A），lower-alpha（a），upper-raman（I），lower-raman（i），none
3. 使用图片文件作为小图标：list-style-image: url(bullet.gif) 。注：Openware WAP浏览器本地保存了一些icon，可以使用这些作为小图标，例如：ul {list-style-image: localsrc("rightarrow1")}
颜色属性和border属性
设置前景和背景颜色：color、background-color属性。
设置border样式：border-style（border-top-style等）属性，值有很多，但只有none和solid被WAP浏览器广泛支持。table {border-style: solid}
设置border宽度：border-width（同上）属性，值为数值，还接受thin、medium和thick。注：值设置border-width，border并不可见，必须设置border-style非none值。
设置border颜色：border-color（同上）属性。注意点同上。
设置border属性的快捷方式：table {border: 2px solid black} 顺序自由。
另外，WCSS拥有一些WAP特有的CSS扩展：
WCSS快捷键扩展
给元素定义快捷键：-wap-accesskey属性
可用的属性值*，#，0，1，2，3，4，5，6，7，8，9
input.wcss_class {-wap-accesskey: 4}
直接定义*和#违反CSS2语法。需要使用Unicode转义字符2a和23。但是有些WAP浏览器（Sony Ericsson WAP 浏览器 ）要求使用2a 和 23,一些（Openwave 手机浏览器） 要求使用* 和#。与元素的accesskey属性同效，如同时定义，显示该属性值。只用于四个元素a， input，label，textarea，其他定义也无效。
WCSS输入扩展
由两个属性组成：-wap-input-famat和-wap-input-required，对应于WML中<input>元素的format（定义类型和字符数量）和emptyok（是否可以留空）属性。早些的移动设备上WAP浏览器不支持，但支持format和emptyok属性作为XHTML MP的扩展。为了更好的兼容性，建议WCSS和WML都使用。
WCSS Marquee扩展
可以在屏幕上滚动一些内容（一行文字，一个图片，一个链接等），但一些WAP浏览器只支持滚动文字。当内容超过屏幕时很有用。[1]
