第3章CSS技术.ppt

CSS中有关字体的属性主要包括： font-family 用于设置文字的字体，其属性设置语法为： font-family：字体1，字体2，…… font-style 用于设置文字的效果，其属性设置语法为： font-style：normal | italic | oblique font-size 用于设置文字的大小，其属性设置语法为： font-size：长度 | 关键字 font-weight 用于设置字体的粗细，其属性设置语法为： font-weight：normal|bold|bolder|lighter| 100~900 CSS中有关字体的属性主要包括： font-variant 用于设置文字的变形属性，其属性设置语法为： font-variant：normal | small-caps text-decoration 用于设置文字的显示效果，其属性设置语法为： text-decoration：underline | overline | line-through| blink | none text-transform 用于设置文字的转换，其属性设置语法为： text-transform：capitalize | uppercase | lowercase | none 程序代码见程序清单3-8，运行结果。 CSS中主要使用margin属性来控制元素边界与网页其他内容的水平和垂直间距。其属性设置语法为： margin：距离 margin：距离 1 距离2 margin：距离 1 距离2 距离 3 margin：距离 1 距离2 距离 3 距离4 我们也可以给四个边界单独设置具体数值，其属性设置语法为： margin-top：距离 | auto margin-right：距离 | auto margin-bottom：距离 | auto margin-left：距离 | auto 在CSS中可以使用border属性来控制元素的边框宽度、样式、颜色。其中使用border-width设置边框宽度，使用border-style设置边框显示样式，使用border-color设置边框颜色，每一属性都可以单独设置四个方向的属性值。 border-width 可以使用border-top-width、border-right-width、border-bottom-width和border-left-width来设置上、右、下、左四个方向的边框宽度，它们的属性值均可设为：thin | medium | thick | 长度。 border-style 可以使用border-top-style、border-right-style、border-bottom-style和border-left-style来设置上、右、下、左四个方向的边框样式，它们的属性值均可设为：none | dotted | dashed | solid | double | groove | ridge | inset | outset。 border-color 可以使用border-top-color、border-right-color、border-bottom-color和border-left-color来设置上、右、下、左四个方向的边框颜色，它们的属性值均为颜色值，可以选择CSS的颜色表示方式进行设置。 在CSS中可以使用padding来设置元素的内容与元素边框之间的距离。我们可以通过设置padding属性值控制四个方向的距离，也可以使用padding-top、padding-right、padding-bottom和padding-left分别设置上、右、下、左四个方向的距离，其属性设置语法和margin属性类似 。 边界、边框、边距属性使用示例 程序代码见程序清单3-9，运行结果。 CSS中主要使用list-style来设置文字列表属性，控制列表的符号和位置等。其基本属性设置语法为： list-style：符号类型，位置 我们也可以将这些属性通过使用list-style-type、list-style-position和list-style-image分别进行设定。 list-style-type 用于设置列表的符号类型，其取值可为： none | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha