第十一章CSS属性教程.ppt

列表项标志位置 list-style-position 属性设置在何处放置列表项标记。 基本语法： selector { list-style-position : 属性值; } 可能的值：inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐。outside 默认值，保持标记位于文本的左侧，列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 设置列表项标志图象 list-style-image 属性使用图像来替换列表项的标记。 这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用 list-style-position 属性控制。 基本语法： selector { list-style-image: url(图像路径) ; } 可能的值：URL图像的路径；none默认值，无图形被显示。 列表属性简写 list-style 简写属性在一个声明中设置所有的列表属性。 基本语法： selector { list-style:square inside url(/i/arrow.gif); } 可能的值：list-style-type设置列表项标记的类型。list-style-position设置在何处放置列表项标记。list-style-image使用图像来替换列表项的标记。 CSS列表属性表 属性 描述 list-style-type 设置列表项标志的类型。 list-style-position 设置列表中列表项标志的位置。 list-style-type 设置列表项标志的类型。 list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。 11.5 CSS 表格 设置表格的布局 表格边框合并 单元格边框距离 表格标题位置 设置表格的布局 table-layout 属性用来显示表格单元格、行、列的算法规则。 该属性指定了完成表布局时所用的布局算法。固定布局算法比较快，但是不太灵活，而自动算法比较慢，不过更能反映传统的 HTML 表。 基本语法： selector { table-layout :属性值; } 可能的值：automatic默认，列宽度由单元格内容设定。fixed列宽由表格宽度和列宽度设定。 表格边框合并 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。 基本语法： selector { border-collapse :属性值; } 注释：所有主流浏览器都支持 border-collapse 属性。 可能的值：separate默认值，边框会被分开。collapse，边框会合并为一个单一的边框。 单元格边框距离 border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。 基本语法： selector { border-spacing : 属性值; } 注释：某些版本的IE浏览器不支持此属性。 可能的值：length length 规定相邻单元的边框之间的距离，使用 px、cm 等单位，不允许使用负值。如果定义一个 length 参数，那么定义的是水平和垂直间距。如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。 表格标题位置 caption-side 属性设置表格标题的位置。 该属性指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前（或之后）的一个块级元素。 基本语法： selector { caption-side : 属性值; } 注释：某些版本的IE浏览器不支持此属性。 可能的值：top默认值，把表格标题定位在表格之上。bottom把表格标题定位在表格之下。 本章总结 11.1 CSS背景 背景色、背景图像、背景重复、背景定位、背景属性简写 11.2 CSS文本 文本颜色、对齐方式、文本装饰、缩进文本、行间距、字间距、字符 间距、字母控制 11.3 CSS字体 设置文本的字体、设置字体尺寸、设置字体风格、设置字体的粗细、 字体属性简写 本章总结 11.4 CSS 列表 列表类型、列表项标志位置、设置列表项标志图象、列表属性简写 11.5 CSS 表格 设置表格的布局、表格边框合并、单元格边框距离、表格标题位置 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科