ul(无序列表)、ol(有序)其子标签都是li,dl(定义)子标签dt(被定义的元素)和dd(元素的定义)
一般不设置列表样式时都是根据浏览器默认样式显示,
设置列表快捷方式list-style
项目符号样式list-style-type:
(无序列表):none、disc、circle、square
(有序):decimal(1、2、3)、decimal-leading-zero(01、02、03)、lower-alpha、lower-roman、upper-alpha、upper-roman;
list-style-image项目符号用图像代替
由于li可能会很多,我们可以在css中对其父级<ul>设置一个class属性从而使所有li标签的样式都会改变,例如
.list-style li{list-style:none;}
.........
<ul class="list-style">
<li>........
其中空格+子标签意思是对其父级<ul>定义class,作用于<li>的设置。
list-style-position标记的定位:outside(文本外)、inside(文本内部)
网友评论