3_CS列表属性.ppt

软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ CSS列表属性 CSS+DIV布局系列课程 回顾 设置字体、字号 设置字体样式 粗体斜体 文本排列方式 text-align 段落缩进及行高 text-indent、line-hight * 本章内容 列表项标记的类型属性 列表项标记位置属性 列表项的图片标记属性 列表样式简写属性 浮动属性 * 列表相关属性 基本语法 list-style-type：none | disc等式 * 列表相关属性 语法说明 设置列表项标记的类型 可以把无序列表当作有序列表使用 none 无标记 disc 默认值 实圆 * 列表相关属性 基本语法 list-style-position：inside　｜outside * 列表相关属性 语法说明 设置在何处放置列表项标记 说明 inside　列表项目标记放置在文本以内，且环绕文本根据标记对齐 outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 * 列表相关属性 基本语法 list-style-image：none | url * 列表相关属性 语法说明 使用图像来替换列表项的标记 none 为浏览器默认值认值 url 为相对路径 请始终规定一个 list-style-type 属性以防图像不可用  * 列表相关属性 基本语法 list-style：list-style-type list-style-position list-style-image * 列表相关属性 语法说明 这是个简写属性，涵盖所有其它列表样式属性 可以不设置其中的某个值，未设置的属性会使用其默认值 * 设置字体 实例代码 3-1  * 小例子 实例代码　3-2 * 浮动属性 基本语法 float：left | right | none * 浮动属性 语法说明 定义元素在哪个方向浮动 在 CSS 中，任何元素都可以浮动 假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。 * 总结 列表样式属性 list-style-type、 list-style-position、 list-style-image 列表属性简写 list-style 浮动属性 float * 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: waitforyuyu@ 软件汇 www.softwareparty.tk/bbs 刘蔚 QQEmail: