一、不克不及散漫
ul下只能放li标签，li标签内也许放纵何标签，虽然也笼统在li内再放ul li组合列表标签。
1、语法：
列表模式一列表内容二列表形式三
ul内或许放有数个li标签模式
功效：
ul li容易使用
2、使用说明
li不能脱离ul径自使用，诚然ul也不能来到li独自使用，一般重要ul li共同，结构上li作为ul子级。
3、li再用ul li
li放ul内，只管li内大要再使用任何html标签元素，也也许再嵌套使用ul li
列表模式一二级li模式二级li二级li列表形式二列表模式三
也即是匹面看到本文第一张图成果。
4、为甚么叫ul li为无序列表？
默许CSS情况下，每一个li内容在涉猎器中是圆点、圆圈等而不有序号1、2、3，一、二、三。
二、现实布局如何使用
寻常文章假如有列表目次，梗概使用ul li结构或ol li机关(有序列表)，通常环境下由于浏览器版本多、涉猎器品牌多，以是默许情况下浏览器对ul li默许CSS名目是不同的，多么一般我们是首选去掉断根ul li默认css款式，再从头设置新CSS名堂。
以下为文章题目列表排版，前面带点功效。
1、首选筹备一个“点”图片
dot.gif ,放images文件夹内
经办默许小圆点图片素材
2、对应关头CSS代码
ol, ul ,li{list-style: none;margin:0;padding:0;}
/* list-style: none去掉ol ul li三个标签花式，去掉外间距和内部白间距 */
ul.news{ border:1px solid #00F; padding:10px; width:300px;} /* 设置装备摆设ul的边框、宽度、内间距 */ ul.news li{ bac公斤round:url(dot.gif) no-repeat 0 15px; height:30px; padding-left:10px; line-height:30px; text-align:left;} /* 设置圆点图片为li背景，高、行高、形式靠左对齐 */
3、HTML代码
列表形式一列表模式二css问题希图上CSS5学css上CSS5
4、浏览器成效
li ul实践应用
威力，将图片素材(点)作为li背景图片涌现出圆点成绩，同时使用padding-left配置圆点后援图片与翰墨间距，何等圆点也好另外图片素材均也许改革，同时大要CSS无效管束间距隔断，不怕阅读器之间透露表现不对立。
