WCSS【WCSS】WAP2.0下专属的CSS:WCSS , 也叫 WAP CSS/Wireless CSS/Wireless Profile CSS(WAP Cascading Style Sheet ) , 是CSS2的子集+一些WAP特有的扩展 , 目的是定义文档的风格和布局 , 从文档内容中分离 。不同的手机设备有多样的特徵 , 比如萤幕大小 。WAP CSS由OMA定义 , 它是CSS适用于小型设备的子集;它去掉了那些不适用于特别小的设备的功能 , 并加入了一些WAP的专有功能 。使用CSS , 文档作者就可以在CSS文档中定义整个Web套用软体的显示 。任何时候 , 如需改变显示 , 只要在CSS文档中作一次改动 , 变动就可立即套用于站点中参照了该CSS文档的所有页面 。
基本介绍外文名:WCSS
隶属:WAP2.0下专属的CSS
别名:WAP CSS/Wireless CSS
注释:/*orz*/ , WAP浏览器将忽略
简介XHTML MP的重点是它对CSS的支持 。CSS [CSS1]描述如何在浏览器中把文档显示在萤幕上 。W3C积极促进CSS在Web中的使用 , 使其能用于所有桌上型电脑和移动浏览器 。通过使用CSS , 无需像在WML 1.x一样牺牲设备独立性或加入新的标记语言标籤 , 文档创建者就可以控制文档的显示 。WML不支持WCSS注意:W3C CSS Mobile Profile和WAP CSS 不同 。WCSS 是 CSS2.0的子集 , 所以语法基本类似 。语法规则WCSS声明:selector {property: property_value}多个属性允许的 , 用’;’分隔 。多个选择器也是允许的 , 用‘ , ’分隔 。注释:/*orz*/ , WAP浏览器将忽略这些内容 。如何在XHTML MP文档中套用连结外部WCSS(推荐) , 放置在文档的head部分 , 用style属性定义WCSS样式<link href=http://www.mancos-co.com/“url” rel=“stylesheet” type=“text/css”/> , 可以多个 , 无需修改rel和type属性 。
不同的选择器类型选择器: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) , none3.使用图片档案作为小图示: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 , 9input.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中