第8部分 SS属性设置.pptVIP

第8部分 CSS属性 8.1 CSS属性单位 8.2 设置字体样式 8.3 控制图文布局 8.4 颜色及背景 8.5 网页美化与超链接 8.6 CSS定位和CSS滤镜 8.1 CSS属性单位 长度单位：CSS中用于描述长度的单位如下表所示。 符号 意义 符号 意义 cm 厘米 in 英寸，1in=2.54cm mm 毫米 pt 点(磅)，1pt=1/72in em 当前字体中m字母的宽度 pc 皮卡，1pc=12pt ex 当前字体中x字母的宽度 px 像素 8.1 CSS属性单位 百分比单位：百分比值中有可选的“+”或“-”号，以“%”结束 ，“+”可省略，但不可以有空格。 百分比值是一个相对值，总是相对于其它值来说的。例如，P {line-height:150%;}，表示段落中文字的高度为标准行高的1.5倍。 8.1 CSS属性单位 颜色(值/单位)：有颜色名、十六进制、十进制和百分比四种颜色定义法。 颜色名称。例如red、blue等。 十六进制。格式为#rrggbb，如#995522。 十进制。格式为rgb(x,y,z)，x、y、z为0~255间的整数，例如rgb(255,0,0)。 百分比。格式为rgb(x%,y%,z%)，x、y、z为0~100间的整数，例如rgb(100%,0%,0%)。 8.2 设置字体样式 8.2.1 字体属性 8.2.1.1 font-family(字体系列) 8.2.1.2 font-size(字体大小) 8.2.1.3 font-style(文字风格) 8.2.1.4 font-variant(字形变体) 8.2.1.5 font-weight(字体粗细) 8.2.1.6 font(字体) 8.2.2 text-decoration(文字修饰) 8.2.1.1 font-family(字体系列) 用于设置用何种字体系列来显示文字，可以为文字指定一种或多种字体，属性值是用逗号分隔的字体名称列表，如： p {font-family: Arial,华文彩云,黑体,楷体} 浏览器会由前向后依次查找系统是否安装此字体。若都未安装，则用默认字体显示。 8.2.1.2 font-size(字体大小) 该属性用于定义字体的大小。例如 P {font-size: 30pt;} P {font-size: 200%;} P {font-size: large;} P {font-size: larger;} P {font-size: +5pt;} CSS共支持用5种方式表示字体大小。分别是长度(磅)值、百分比值(相对默认字体)、绝对大小、相对大小(相对上一元素)和增大值。 8.2.1.3 font-style(文字风格) 使用该属性可以使文字产生斜体效果，属性值为italic(斜体)或oblique(倾斜)时，都能产生斜体，很难区分其差别，可任选其一，例如 P {font-style: oblique} 若不想产生斜体效果，可以取默认属性值normal，或干脆不使用本属性。 8.2.1.4 font-variant(字体变形) 此属性的默认值也是normal，表示不作变形，若指定其值为small-caps，则小写字母都变形为小型的大写字母，如 p {font-variant: small-caps} … p abcABC 效果如图 8.2.1.5 font-weight(字体粗细) 本属性用于控制字体的粗细(注意和大小相区别) ，默认值也是normal。可指定其值为100~900之间并且是100的倍数的数字，共9种不同的粗细。也可以使用关键字，其中normal对应400，bold对应700，bolder和lighter分别表示比上一级元素中的字体的该值增加或减少100。例如： p {font-weight: bold} p {font-weight: 700} Q ：能否一次性简洁地设置出各种字体属性呢？ 8.2.1.6 font(字体) 一次性设置前面介绍的各种字体属性。 各属性值之间以空格分隔，但font-size和line-height值之间以“/”分隔。 可以缺省某些值，但存在的值必须