了解HTML列表_html/css_WEB-ITnose
程序员文章站
2023-12-31 11:54:28
...
目录 [1]无序列表 [2]有序列表 [3]定义列表
定义
从某种意义上讲,不是描述性文本的任何内容都可以认为是列表。
无序列表
- -> unorder list
【默认样式】
//IE7-浏览器margin-left: 30pt;ul{ margin: 16px 0; padding-left: 40px; list-style-type: disc;}
- Coffee
- Milk
有序列表
- -> order list
- Coffee
- Milk
- 咖啡
- 牛奶
- 茶
- 可乐
- 酒
- -> define list title
- -> define list describe
[注意1]一个dt可对应多个dd
[注意2]
- 的display都是block
【默认样式】
dl{ margin: 16px 0;}//IE7-浏览器margin-left: 30pt; dd{ margin-left: 40px;}
- Coffee
- Black hot drink
- Milk
- White cold drink
- 的display都是block
【默认样式】
//IE7-浏览器margin-left: 30pt;ol{ margin: 16px 0; padding-left: 40px; list-style-type: decimal;}
【属性】
【1】reversed
降序(IE和safari不支持)
【2】start
有序列表的起始项(没有start属性的CSS替代方案)
【列表项标志】(应用于display的值为list-item的元素)
【1】list-style-type
列表项标志类型
【2】list-style-image
列表项标志图像
[注意1]当list-style-image不为none时,list-style-type值将被覆盖
[注意2]通常提供一个作为“后路”的标志类型,应付图像未能加载的意外情况
【3】list-style-position
列表项标志位置
【4】list-style:list-style-type list-style-image list-style-position
列表项标志复合样式
点击下列相应属性值可进行演示
[注意]IE7-浏览器不支持属性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian"
定义列表
- -> define list
推荐阅读
-
了解HTML列表_html/css_WEB-ITnose
-
SRM 630 DIV2_html/css_WEB-ITnose
-
div+css布局的版式_html/css_WEB-ITnose
-
Webview组件和HTML的介绍_html/css_WEB-ITnose
-
高健壮性css-Float详细_html/css_WEB-ITnose
-
使用a标签制作tooltips_html/css_WEB-ITnose
-
Codeforces Round #225 (Div. 1) C 树状数组 || 线段树_html/css_WEB-ITnose
-
css3的滤镜模糊的效果_html/css_WEB-ITnose
-
CSS3 transforms 3D翻开_html/css_WEB-ITnose
-
HTML 5 音频(audio)_html/css_WEB-ITnose