标签：活动 背景图像 isa 词条 设计 最新 标识 禁用 设置
在HTML中，列表结构可以分为两种基本类型：有序列表和无序列表。使用标签如下：
另外，还可以使用定义列表。定义列表包括词条和解释两块内容。包含的标签说明如下：
<ol>标签包含3个比较实用的属性，这些属性同时获得HTML5支持。具体说明如下：
| 属性 | 取值 | 说明 |
|---|---|---|
| reversed | reversed | 定义列表顺序为降序 |
| start | number | 定义有序列表的起始值 |
| type | 1、A、a、I、i | 定义在列表中实用的标记类型 |
定义列表以<dl>标签形式出现，在<dl>标签中包含了<dt>和<dd>标签，一个<dt>标签对应着一个或多个<dd>标签。
8.2.4 菜单列表
在HTML5中重新定义了<menu>标签。实用<menu>可以定义命令的列表或菜单。<menu>中可以包含<command>和<menuitem>标签，用于定义命令和项目。
<command>标签可以定义命令按钮，如单选按钮、复选框或按钮。只有当command元素位于menu元素内，该元素才可见。
目前，只有IE9（更早或更晚的版本都不支持）和最新版本的Firefox支持<command>标签。
<command>标签包含的属性有：
| 属性 | 取值 | 说明 |
|---|---|---|
| checked | checked | 定义是否被选中。仅用于radio或CheckBox类型 |
| disabled | disabled | 定义command是否可用 |
| icon | URL | 定义作为command来显示的图像的URL |
| label | text | 为command定义可见的label |
| type | checkbox、command、radio | 定义该command的类型，默认为command |
| radiogroup | groupname | 定义command所属的组名，仅在类型为radio时使用 |
<menu>标签也包含两个专用属性，简单说明如下：
<menuitem>标签定义用户可以从弹出菜单调用的命令/菜单项目。
目前，仅有Firefox8.0+版本支持<menuitem>标签。
<menuitem>包含的属性有：
| 属性 | 取值 | 描述 |
|---|---|---|
| checked | checked | 定义在页面加载后选中命令/菜单项目。仅适用于type="radio"或type="checkbox" |
| default | default | 把命令/菜单项设置为默认命令 |
| disabled | disabled | 定义命令/菜单项应该被禁用 |
| icon | URL | 定义命令/菜单项的图标 |
| label | text | 必需。定义命令/菜单项的名称，以向用户显示 |
| radiogroup | groupname | 定义命令组的名称，命令组会在命令/菜单项本身被切换时进行切换。仅适用于type="radio" |
| open | open | 定义details是否可见 |
| type | checkbox、command、radio | 定义命令/菜单项的类型 |
列表默认状态：左侧附加项目符号，列表项目缩进显示。CSS为列表结构定义了几个专门属性：
| 属性 | 说明 |
|---|---|
| list-style | 符合属性。设置列表项目相关内容 |
| list-style-image | 设置列表项目的符号图像 |
| list-style-position |
设置列表符号的显示位置，根据文本在内或在外排列，取值包括outside | inside |
| list-style-type | 设置列表项目符号的类型 |
CSS使用list-style-type属性定义列表项目符号的类型，属性取值说明如下：
| 属性值 | 说明 | 属性值 | 说明 |
|---|---|---|---|
| disc | 实心圆，默认值 | upper-roman | 大写罗马数字 |
| circle | 空心圆 | lower-alpha | 小写英文字母 |
| square | 实习方块 | upper-alpha | 大写英文字母 |
| decimal | 阿拉伯数字 | none | 不适用项目符号 |
| lower-roman | 小写罗马数字 | armenian | 传统的亚美尼亚数字 |
| cjk-ideographic | 浅白的表意数字 | georigian | 传统的乔治数字 |
| lower-greek | 基本的希腊小写字母 | hebrew | 传统的希伯莱数字 |
| hiragana | 日文平假名字符 | hiragana-iroha | 日文平假名序号 |
| katakana | 日文片假名字符 | katakana-iroha | 日文片假名序号 |
| lower-latin | 小写拉丁字母 | upper-latin | 大写拉丁字母 |
CSS使用list-style-position属性定义项目符号的显示位置，取值包括outside和inside。outside表示把项目符号显示在列表项的文本行以外，inside表示把项目符号显示在文本行以内。
使用list-style-image属性可以自定义项目符号，该属性允许指定一个外部图标文件，满足个性化设计需求，用法如下：
list-style-image: none | <url>
默认值为none。
使用背景图像定义项目符号需要掌握两个设计技巧：
标签：活动 背景图像 isa 词条 设计 最新 标识 禁用 设置
原文地址：http://www.cnblogs.com/ailinzhijia/p/7910390.html
