CSS页面布局常用知识总结（下文样式）

<ul>
    <li>**</li>
    <li>**</li>
    ......
</ul>

其中ul的作用是说明其包含的列表是无序列表，每组li用于包含一个列表项目。

2、有序列表

有序列表的列表符为数字。有序列表语法为：

<ol>
    <li>**</li>
    <li>**</li>
    ......
</ol>
其中ol的作用是说明其包含的列表是有序列表，每组li用于包含一个列表项目。
3、定义列表
定义列表在使用中较少出现，其语法为：
<dl>
   <dt>
      <dd>**</dd>
   </dt>
   ......
</dl>
其中dl的作用是说明其包含的列表是定义列表，一般dt定义一个概念，dd是对该概念的解释。
4、改变列表符的样式
CSS提供list-style-type、list-style-image、list-style-position属性来改变列表符的样式。
使用自带列表符 
语法：
list-style-type：type;
若type=none，则列表不带列表符。常用的type有： 
square（实心方块） 
disc（实心圆） 
cicle（空心圆） 
decimal（阿拉伯数字） 
lower-roman（小写罗马字母） 
upper-roman（大写罗马字母）
使用背景图片作为列表符 
根据需要，有时候列表符可以使用较小的图片来代替，语法为：
list-style-image：url(picture.png);
改变列表符的位置 
列表符可以嵌入文本中，也可以在文本内容之外，语法为：
list-style-position：inside/outside;
列表符属性的简写
以下代码：
list-style-image：url(picture.png);
list-style-position：inside/outside;
可以简写为：
list-style: url(picture.png) inside/outside;
注意：一般情况下，list-style-type和list-style-image不会同时使用，因为后者会覆盖前者。
以上就是CSS页面布局常用知识汇总（列表样式）的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



  
关键词：CSS页面布局常用知识总结（下文样式）