《网页设计语言教程》第11章 CSS的属性

第11章0SS的属性 11.1设置字体样式 11.2控制图文布局 11.3颜色及背景 11.4美化网页与超链接的设置 11.50SS定位

第11章 CSS的属性 11.1 设置字体样式 11.2 控制图文布局 11.3 颜色及背景 11.4 美化网页与超链接的设置 11.5 CSS定位

11.1设置字体样式

11.1 设置字体样式

11.1.1字体属性font-fami|y 利用cSs的font- family属性,设置要使用的字体 语法: font- family:,.,<字体n 对比:font的face属性

11.1.1 字体属性font-family 利用CSS的font-family属性，设置要使用的字体 语法： font-family:,..., 对比：font的face属性

说明 浏览器将在字体列表中依次寻找有效 字体。若浏览器完全找不到指定的字体 时,则使用默认字体。 应该将一种常见的字体列在字体列表 的最后。 >在对英文字体进行设置时,如果两个 英文单词之间有空格时必须使用单引号 (")或双引号(")

说明： ➢浏览器将在字体列表中依次寻找有效 字体。若浏览器完全找不到指定的字体 时，则使用默认字体。 ➢应该将一种常见的字体列在字体列表 的最后。 ➢在对英文字体进行设置时，如果两个 英文单词之间有空格时必须使用单引号 （'）或双引号（"）

11.1.2字体风格font-stye 利用font-sty|e属性,达到字体风格的变化。 语法: font-style: normal ital ic ob l ique 对比:<>标签 font- style参数值说明 参数值 说明 norma 正常显示,初始值为 normal。 italic 斜体显示 obl ique 倾斜显示

利用font-style属性，达到字体风格的变化。 语法： font-style:normal|italic|oblique 对比：标签 font-style参数值说明 11.1.2 字体风格font-style 参数值 说明 normal 正常显示，初始值为normal。 italic 斜体显示 oblique 倾斜显示

11.1.3字体变形 font-variant 语法: font-variant: normal smal l-caps font- var i ant参数值说明 参数值 说明 nor ma l 正常显示,初始值为 norma l。 小型大写字母,即小写的英文字体将 smaI I-caps 转换为大写且字体较小的英文字

11.1.3 字体变形font-variant 语法： font-variant:normal|small-caps font-variant参数值说明 参数值 说明 normal 正常显示，初始值为normal。 small-caps 小型大写字母,即小写的英文字体将 转换为大写且字体较小的英文字

11.1.4字体加粗font- weight 在HTML里,可以利用标签,将文字设置为粗体。 在0S内,则可利用font- weight属性, 设置字体的粗细。 语法: font-weight: normal bold bol der lighter 100|200|300400|500|60070|800|900 font- weight参数值说明

11.1.4 字体加粗font-weight 在HTML里，可以利用标签，将文字设置为粗体。 在CSS内，则可利用font-weight属性， 设置字体的粗细。 语法： font-weight:normal|bold|bolder|lighter| 100|200|300|400|500|600|70|800|900 font-weight参数值说明

参数值 说明 normal 浏览器默认的字体为7,字体粗细约为400。 bold 粗体,字体粗细约为700。 bo l der 粗体再加粗,字体粗细约为900。 i ghter 比默认字体还细。 100-900 数字越小字体越细、数字越大字体越粗

参数值 说明 normal 浏览器默认的字体为7，字体粗细约为400。 bold 粗体，字体粗细约为700。 bolder 粗体再加粗，字体粗细约为900。 lighter 比默认字体还细。 100-900 数字越小字体越细、数字越大字体越粗

11.1.5字号的控制font-size 利用HTML的标签只能设定7种字号, 在cSS中可以使用font-size属性对文 字的字号进行随心所欲的设置。 语法: font-size:k相对尺度≯比 例尺度> 说明: (1)绝对尺寸可以使用的单位有: in(英寸)、cm(厘米)、m(毫米)、pt(磅)和 pX(像素)

利用HTML的标签只能设定7种字号， 在CSS中可以使用font-size属性对文 字的字号进行随心所欲的设置。 语法： font-size:||| 说明： ⑴ 绝对尺寸可以使用的单位有： in（英寸）、cm（厘米）、mm（毫米）、pt（磅）和 px（像素）。 11.1.5 字号的控制font-size

(2)用关键字来说明文字大小,共有7种关键字, 相对应于HTML标签中所用的数字参数 这7种关键字如下: ·Xx-sma ·X-sma| smal I medium arge x-large xx-large 利用这些参数,浏览器可以自由决定每一种关键 字所适合的尺寸(在不同浏览器中它的大小是有区别 的

⑵ 用关键字来说明文字大小，共有7种关键字， 相对应于HTML标签中所用的数字参数。 这7种关键字如下： • xx-small • x-small • small • medium • large • x-large • xx-large 利用这些参数，浏览器可以自由决定每一种关键 字所适合的尺寸（在不同浏览器中它的大小是有区别 的）