ul标签-无序列表
DIV CSS的布局为什么可以做很少的ul标签? ul是未排序的
列表
的缩写,中文意思是“无序列表”。 有序列表意味着使用编号来记录各项目的顺序,相反,无序列列表的特点是使用无编号记录方法。 在每个项目的文本之前,以disc (点)、circle (square ) )等符号的形式用作节的标记。
无序列表和有序列表都包含描述项目的标签,一般显示数据时,ul是项目列表,li是列表中的各项,可以显示数据。 ul li的组合可以置换表(table )的作用,通过与CSS一起设置可以得到更丰富的效果。 默认情况下,ul无序列表显示为disc (黑色圆圈)。 请看以下示例。
ul标签可以包含多个li标签,在上图左侧的代码中可以看到ul标头标签和ul
末尾的标签分别表示无序列表的开始和结束,中的li表示
标签表示列表中的每个项目。 如果不对标签设置样式,则在浏览时会在每个项目之前自动添加实心项目符号。 要删除ul标签中每个项的符号,也可以执行以下操作
ul标记设置CSS样式,代码为: ul
style='list-style:none '; 另一方面,要单独删除项目符号,必须是其中一个li
设定这个风格。 代码为: li style='list-style:none '; 如果一个DIV包含多个ul列表,则求出这些ul
并排显示,可以设置CSS左浮动的样式。 代码为ul style='float:left '; 如果想要ul标签中的所有li
要并排显示,必须在li中设置左浮动。 代码为li style='float:left '。
li嵌套ul
请仔细查看下图,在li标签中嵌入ul实例:
在上图中,“ul标记”项嵌入了新的ul列表,“dl标记”项也嵌入了新的ul列表。
ul
标签的属性“compact”规定列表比通常效果小; 属性“type”定义列表项目符号的类型。 在HTML 4.01中
中,这两个属性已被废除。 HTML5不支持这两个属性,所以我不多介绍。