第十一章CSS属性详解.ppt

设置列表项标志图象 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 表格 设置表格的布局、表格边框合并、单元格边框距离、表格标题位置 第十一章 CSS的属性 本章内容 11.1 CSS 背景 11.2 CSS 文本 11.3 CSS 字体 11.4 CSS 列表 11.5 CSS 表格 11.1 CSS背景 背景色 背景图像 背景重复 背景定位 背景属性简写 背景色 可以使用 background-color 属性为元素设置背景色。 基本语法： selector { background-color: 颜色值; } 可以为所有元素设置背景色，这包括 body 一直到 e