HTML5入门有序列表有序列表说明语法演示--------代码-----效果属性reversed属性代码效果type属性代码效果start属性代码效果默认样式olli默认样式擦除完成效果
有序列表说明
Ol标记——表示HTML的有序列表,是ordered lists的缩写
Ol标签成对出现,以Ol开始,以/ol结束,各列使用li/li标签定义内容。
语法olli/li/ol演示------代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title规则列表/title/headbody ol li规则列表
属性值说明compactcompactHTML5不支持。 HTML 4.01中不赞成使用。 reversedreversed按降序排列列表顺序。 (9、8、7…。 startnumber规定有序列表的开始值。 type1 A a I i规定了列表中使用的标记类型。 重复属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title有序列表/title/headbodyolrevererver
类型属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width,iewith
start属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width,iewith
默认样式ol ol { display: block; 列表样式类型: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; 填充-在线-开始: 40px; } li li { display: list-item; 文本对齐:-WebKit-match-parent; 默认样式ol,li { list-style: none; padding: 0px; margin: 0px; margin-block-start: 0px; margin-block-end: 0px; 填充-在线-开始: 0px; )清除效果