层叠样式表幻灯片.ppt

1.颜色 Color 颜色属性允许网页制作者指定一个元素的颜色 value：可以是英文单词，也可以是RGB 2.背景颜色和背景图象 Background-color 设定一个元素的背景颜色 value：可以是英文单词，也可以是RGB Background-image 设定一个元素的背景图象 语法结构： {background-image: url(相对地址)} 3.背景附件 background-attachment 背景附件属性决定指定的背景图象是跟随内容滚动，还是被看作油画固定不动。 value：scroll | fixed 默认的属性值为scroll 4.背景图象重复 background-repeat 设置一个被指定的背景图象如何被重复。 Repeat-x：横向重复 Repeat-y：纵向重复 Repeat：横向纵向重复 No-repeat：不重复 5.背景位置 background-position 背景图象位置属性指定背景图象在页面中的位置。 Value：[百分比|长度] || [top | center | bottom] || [left | center | right] 长度和百分比的组合是允许的，负值也行。例如，10% -2cm是允许的。 6.边界 margin-top: 上边界 margin-right:右边界 margin-bottom:下边界 margin-left:左边界 margin: Value：长度 | 百分比 | auto 7.补白 padding-top: 上补白 padding-right: 右补白 padding-bottom: 下补白 padding-left: 左补白 padding: 补白 Value：长度 | 百分比 8.边框宽度 border-top-width: 上边框宽度 border-right-width: 右边框宽度 border-bottom-width: 下边框宽度 border-left-width: 左边框宽度 border-width: 边框宽度 Value：thin | medium | thick | 长度 9.边框风格（样式） border-style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset?]{1,4} 边框样式属性用于设置一个元素 边框的样式。这个属性必须用于指定可见的边框。 可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 10.边框颜色 border-color:颜色{1,4} 边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 11.边框 border-top: 上边框 border-right: 右边框 border-bottom: 下边框 border-left: 左边框 border: 边框 Value：边框宽度||边框式样||颜色 3.3.4 块属性 在格式化页面对象时，CSS将所有对象都放置在一个容器里面，这个容器称为区块。 包括的属性： width || height || float || clear || padding || margin 1.宽度 width: 长度 | 百分比 | auto 默认值为auto 每个块级或替换元素都可以用一个长度或auto值来指定其宽度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 宽度属性的初始值为auto，即为该元素的原有宽度(有就是元素自己的宽度，例如一个图象的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。 这个属性能用作给出一些INPUT元素的公共长度，好象SUBMIT和RESET按钮: 2.高度 height: 长度 | auto 每个块级或替换元素都可以用一个长度或auto值来指定其高度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度属性的初始值为auto，即为该元素的原有高度(有就是元素自己的高度，例如一个图象的高度)。不允许使用负的长度值。 3.漂浮 float: left | right | none 默认