《CSS列表属性》PPT课件.ppt

《《CSS列表属性》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS列表属性CSS+DIV布局系列课程回顾设置字体、字号设置字体样式粗体斜体文本排列方式text-align段落缩进及行高text-indent、line-hight2本章内容列表项标记的类型属性列表项标记位置属性列表项的图片标记属性列表样式简写属性浮动属性3列表相关属性基本语法list-style-type：none

2、disc等式4列表相关属性语法说明设置列表项标记的类型可以把无序列表当作有序列表使用none无标记disc默认值实圆5列表相关属性基本语法list-style-position：inside｜outside6列表相关属性语法说明设置在何处放置列

3、表项标记说明inside列表项目标记放置在文本以内，且环绕文本根据标记对齐outside默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。7列表相关属性基本语法list-style-image：none

4、url8列表相关属性语法说明使用图像来替换列表项的标记none为浏览器默认值认值url为相对路径请始终规定一个"list-style-type"属性以防图像不可用9列表相关属性基本语法list-style：list-style-typelist-style-positionlist-style-image10列表相关属性语法说

5、明这是个简写属性，涵盖所有其它列表样式属性可以不设置其中的某个值，未设置的属性会使用其默认值11设置字体实例代码3-112小例子实例代码3-213浮动属性基本语法float：left

6、right

7、none14浮动属性语法说明定义元素在哪个方向浮动在CSS中，任何元素都可以浮动假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。15总结列表样式属性list-style-type、list-style-position、list-style-image列表属性简写list-style浮动属性float16