首页> 基础笔记 >HTML5基础学习 HTML5基础学习

无序列表 HTML5学习笔记(七)

作者:小萝卜 2019-07-28 浏览 1236

简介< ul> < li>无序列表标签,默认情况下ul li标签是没有规律序号,我们需要赋予CSS样式,来实现实现各式各样的列表型有规律的列表内容布局

代码结构:

< ul> 
    < li>萝卜网络博客< /li> 
    < li>萝卜网络博客< /li> 
    < li>萝卜网络博客< /li> 
< /ul> 

此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。
这里说道无序列表,意思是ul下的li标签前面默认是没有序号、无规律编号的列表。但我们通常使用ul li比较多,一般遇到列表类型布局我们就使用< ul>< li>列表标签布局。

为什么我们要重新赋予li列表样式呢?那是因为不同浏览器对ul li、ol li标签默认样式是不同的,有的前间隔宽有的窄,有的默认“点”效果大有的小,这样不便于统一,为了便于网页美观统一所以我们需要重新初始化LI列表标签CSS样式,再重新赋予想要的背景间隔等样式效果。

此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。

 

 

很赞哦! (0)

文章评论

    高端网站建设