WAP CSS / WCSS 教程

目 录

WCSS (WAP CSS) 简介

  |_ 什么是 WCSS (WAP CSS)
  |_ WCSS 文件的 MIME 类型和文件扩展

无线 CSS 和 无线概要 CSS

在移动网站上使用 WCSS 样式单的优点

在移动网站上使用 WCSS 样式单的缺点

WCSS 的语法规则

WCSS 中的注释

如何将 WCSS 应用到 XHTML MP 文档中

  |_ 链接到外部的级联样式表
  |_ 将 WCSS 样式表放到文档开头 (内部样式表)
  |_ 用 Style 属性指定 WCSS 样式 (内联样式)

选择器的不同类型

  |_ 类型选择器
  |_ class 选择器
  |_ ID 选择器
  |_ 通用选择器

XHTML MP 的 div 和 span 元素

  |_ div 元素
  |_ span 元素

多组 WCSS 样式应用到同一元素的级联规则处理

属性值的常见类型

  |_ 长度
  |_ 颜色
  |_ URL

WCSS 的字体和文本属性

  |_ 设定具体字体名称或通用的字体族名称
  |_ 设定字体大小
  |_ 设定字体样式：斜体、粗体和下划线
  |_ 设定文本对齐

WCSS 列表属性

  |_ 修改无序列表的修饰形状
  |_ 修改有序列表的序列值类型
  |_ 使用图片文件作为列表修饰

WCSS 颜色属性

  |_ 设置前景和背景色

WCSS 边框属性

  |_ 设置边框样式
  |_ 设置边框宽度
  |_ 设置边框颜色
  |_ 一次性设置边框样式、宽度和颜色的快捷属性
  |_ 示例：将 WCSS 边框属性应用到表格中

WAP 对 CSS 的具体扩展

WCSS 访问键扩展

  |_ 为元素指定键盘快捷键

WCSS输入扩展

  |_ 控制文本字段的输入类型和字符数
  |_ 控制文本字段是否可以为空

WCSS字幕扩展

  |_ 启用移动设备上的内容穿屏滚动
  |_ 控制字幕动画方向
  |_ 重复字幕动画多次
  |_ 控制字幕动画速度
  |_ 控制字幕动画风格
      |_ 滚动字幕风格
      |_ 幻灯片字幕风格
      |_ 备用字幕风格

将 WCSS 级联样式表单匹配到不同的用户代理

  |_ 如何检测用户代理？
  |_ 如何读取 HTTP 标头的值？
  |_ 如何将 WCSS 级联样式表单匹配到不同的用户代理？