网页设计与制作教程（Dreamweaver +Photoshop+Flash版） 教学配套课件 刘瑞新 第5章 列表元素、CSS浮动和定位.pdfVIP

网页设计与制作教程 （Dreamweaver+Photoshop+Flash 第5章 列表元素、CSS 浮动和定位 机械工业出版社 5.1 列表元 素 在CSS样式中，主要是通过list-style-image属性、list-style-position属 性和list-style-type这3个属性改变列表修饰符的类型，有关列表的属性及其含 义详见表5-1 。 表5-1 CSS列表属性 5.1 列表元素 属性 说明 list-style 复合属性，用于把所有用于列表的属性设置于一个声明中 list-style-image 将图象设置为列表项标志 list-style-position 设置列表项标记如何根据文本排列 list-style-type 设置列表项标志的类型 marker-offset 设置标记容器和主容器之间水平补白 5.1 列表元 素 5.1.1 列表修饰符的类型 表5-2 常用的list-style属性值 属性值 说明 none 无标记，不使用项目符号 disc 默认值。标记是实心圆 circle 标记是空心圆 square 标记是实心方块 decimal 标记是数字 lower-roman 小写罗马数字，如i、ii、iii、iv、v等 upper-roman 大写罗马数字，如I、II、III、IV、V等 lower-alpha 小写英文字母，如a、b、c、d、e等 upper-alpha 大写英文字母，如A 、B、C、D、E等 5.1 列表元 素 5.1.2 列表项图像 图5-6 结构代码 5.1 列表元 素 5.1.2 列表项图像 图5-8 预览效果 5.1 列表元 素 5.1.3 纵向列表导航 图5-9 各种样式的纵向列表导航 5.2 CSS浮动 5.2.1 浮动的基本概念 浮动的元素会生成一个块级框，而不论它本身是何种元素。fload属 性有四个可用的值：“left”和“right”属性值分别浮动元素到各自的方向， “none （默认的）”属性值使元素不具有浮动效果，“inhe