第四讲 层叠样式表(CSS).pptVIP

张暑军 CSS定位—相对定位 设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。 注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。 CSS样式—文本 direction 和unicode-bidi文本方向属性，值： ltr （左-右）和 rtl（右-左） 注释：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。 text-shadow设置文本阴影，IE暂时不支持 CSS样式—列表 CSS 列表属性允许放置、改变列表项标志，或者将图像作为列表项标志。 list-style-type 属性设置列表项标记的类型，常见属性： none 无标记。 disc 默认。标记是实心圆。 circle 标记是空心圆。 square 标记是实心方块。 decimal 标记是数字。 CSS样式—列表 list-style-image 属性使用图像来替换列表项的标记。 list-style-position 属性设置在何处放置列表项标记。 值 描述 URL 图像的路径。 none 默认。无图形被显示。 inherit 规定应该从父元素继承 list-style-image 属性的值。 值 描述 inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐。 outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 inherit 规定应该从父元素继承 list-style-position 属性的值。 CSS样式—列表 list-style 简写属性在一个声明中设置所有的列表属性。包括List-style-type、list-style-position、list-style-image 如： li {list-style : url(example.gif) square inside} 设置顺序任意 CSS样式—表格 CSS属性可以很好的改变表格外观 border-collapse 属性设置表格的边框是否被合并为一个单一的边框 值 描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 inherit 规定应该从父元素继承 border-collapse 属性的值。 CSS样式—表格 border-spacing 属性设置相邻单元格的边框间的距离，除非 border-collapse 被设置为 separate 值 描述 length length 规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。 如果定义一个 length 参数，那么定义的是水平和垂直间距。 如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。 inherit 规定应该从父元素继承 border-spacing 属性的值。 CSS样式—表格 caption-side 属性设置表格标题的位置。指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前（或之后）的一个块级元素。 值 描述 top 默认值。把表格标题定位在表格之上。 bottom 把表格标题定位在表格之下。 inherit 规定应该从父元素继承 caption-side 属性的值。 CSS样式—表格 empty-cells 属性设置是否显示表格中的空单元格，定义了不包含任何内容的表单元格如何表示。如果显示，就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate，否则将忽略这个属性。 值 描述 hide 默认。不在空单元格周围绘制边框。 show 在空单元格周围绘制边框。 inherit 规定应该从父元素继承 empty-cells 属性的值。 CSS样式—表格 tableLayout 属性用来显示表格单元格、行、列的算法规则。指定了完成表布局时所用的布局算法。固定布局算法比较快，但是不太灵活，而自动算法比较慢，不过更能反映传统的 HTML 表。 值 描述 automatic 默认。列宽度由单元格内容设定。 fixed 列宽由表格宽度和列宽度设定。 inherit 规定应该从父元素继承 table-layout 属性的值。 CSS样式—轮廓 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline 属性规定元素轮廓的样式、颜色和宽度。轮廓线不会占据