第9章css属性研讨.ppt

网页设计基础;Css中文译成 ,英文: . 层叠(级联)样式表的三种类型分别是 、 、 。 外部样式表通常是一个扩展名为 的纯文本文件。 外部样式表的载入分为 和 两种方法。 如果在内联样式表中先定义了段落标签p中文字颜色为蓝色，又在文档级样式表中定义段落标签p中文字颜色为红色，那么最后显示的颜色为 色。 ;; 9.1 设置字体样式 font-size（字体大小） 本属性允许我们定义字体的大小。 例如： p {font-size:30pt} p { font-size:200%} p { font-size:large} p { font-size:larger};font-family（字体系列） 本属性描述了用何种字体系列来显示文字，可以为文字指定一种或多种字体，属性值为用逗号分隔的字体名称列表。 例如： p {font-family: ”New Century Schoolbook”，华文彩云，黑体，楷体};font-style（文字风格） 使???本属性可以使文字产生斜体效果，属性的值为italic或oblique。这两个值都能产生斜体，并且很难区分它们的差别，所以可以任选其一使用。 例如： p {font-style：italic};font-weight（字体粗细） 本属性可以控制字体的粗细，它的默认值是normal。要改变粗细，可以指定其值为100到900之间并且是100的倍数的数字，共9种不同的粗细。当然也可以使用关键字，其中normal对应400，bold对应700，而bolder和lighter分别表示比当前的值增加或减少100。 例如： p{font-weight:bold} 或 p{font-weight:700};font-variant（字形变体） 本属性的默认值也是normal，表示不作变形，若指定其值为small-caps，则小写字母都变形为小的大写字母。;text-decoration（文字修饰） 本属性可以产生文本修饰效果，它的值是下列关键字的一个或多个：underline（下划线）、overline（上划线）、line-through（穿越线）、blink（闪烁）和none（无）。 例如： p{text-decoration:underline line-through};9.2 控制图文布局 字间距与行间距 1、letter-spacing（字间距） 本属性可以控制文字之间的间隔距离，它的值可以是默认关键字normal，表示使用正常的字符间距；也可以使用数值，它的单位是px（像素）。 例如: p {letter-spacing：15px}; 2、 line-height（行高或行间距） 本属性定义了文本的最小行间距。通常浏览器将单行距离作为文本的行间距，用户可以通过line-height属性来增加行间距。本属性可以接受长度值、百分数或缩放系数。 例如： p {line-height:20pt} p {line-height:120%} p {line-height:2.0};text-align（文本对齐） 本属性允许调整文本相对于页边的水平对齐方式，这项属性只用于整块的内容，如P、 H1-H6,共有4个值，分别是left、right、center和justify。根据这些值的名称就可以知道它们分别为左、右、中和两边对齐。 例如： p {text-align：justify}; text-indent（首行缩进） 本属性可以为一段文字设置首行缩进的效果，它的值为数值，单位是长度单位或百分数，表示首行的缩进量（用百分数时表示缩进量为当前字符宽度的多少倍）。 例如： p {text-indent:20pt}(缩进20磅) p {text-indent:40%}(缩进40％); 9.3 颜色及背景 color（字体颜色属性） 本属性可设置指定元素的颜色。颜色的值可以是颜色名或十六进制RGB组合。 background-color（背景颜色属性） 本属性用来控制元素的背景颜色，它的值也是颜色值，写法和color的值相同。CSS中background-color属性不仅可以设置页面的背景颜色，而且可以应