div+css设置字体.docVIP

div+css设置字体 一 字体风格 font-style font-style属性用于字体显示的风格。 语法：{font-style:inherit|italic|normal|oblique} 说明： (1)inherit　继承，表示该属性从父标签中继承而来。 (2)italic 　斜体，表示使用斜体显示文字。 (3)normal　 正常，为默认值。 (4)oblique　偏斜体，表示有点倾斜但不大。 示例1 t1.htm html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title字体类型/title style type=text/css !--h1{ font-style: inherit; } h2{ font-style: italic; } h3{ font-style: normal; } p { font-style: oblique; } -- /style /head body h1继承inherit/h1 h2斜体italic/h2 h3正常normal/h3 p偏斜体oblique/p /body /html 二 字体变化 font-variant font-variant属性用于指定英文字体在打印时的大小对比。 语法：{font-variant:normal|small-caps|inherit} 说明： (1)normal 表示打印时大写字母没变化。 (2)small-caps 表示打印时大写字母比通常小一点。 (3)inherit　表示该属性从父标签中继承而来。 示例2 t2.htm html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title字体类型/title style type=text/css !-- h1{ font-variant:normal； } h2{ font-variant:small-caps； } h3{ font-variant:inherit； } -- /style /head body h1Normal表示打印时大写字母没变化/h1 h2Small-caps 表示打印时大写字母比通常小一点/h2 h3Inherit表示该属性从父标签中继承而来/h3 /body /html 三 字体亮度 font-weight 语法：{font-weight:100-900|bold|bolder|lighter|normal} 说明：浏览器默认的字体粗细为400。 (1)bold 表示黑体字(相当于数值700 ) (2)bolder 表示比黑体还要黑的字 (3)lighter 表示比黑体颜色要浅 (4)normal 正常体(相当于数值400) (5)可以指定100-900之间的3位整数,100表示最亮,400表示正常 示例3 t3.htm html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title字体类型/title style type=text/css !-- h1{ font-style: inherit; font-weight:lighter; } h2{ font-style: italic; font-weight:bolder; } h3{ font-style: normal; font-weight:bold; } p { font-style: oblique; font-weight:100; } -- /style /head body 未设置样式的字体：床前明月光，疑是地上霜。 h1继承inherit,比黑体颜色要浅lighter/h1 h2斜体italic,比黑体还要黑bolder/h2 h3正常体normal,黑体字bold/h3 p偏斜体oblique,最亮100/p /body /html 四 字体大小 font-size font-size属性用来指定字体的相对或绝对大小。 语法：{ font-size:数值|large| larger| x-large|small|smaller| x-smal ...} 说明：字体大小使用数值设置也可以使用比例 (1)medium 标准字体大小 (2)small 比父字体小一号的字 (3)x-small 比small小1.2倍的字 (4)xx-small 比x-small小1.2倍的字 (5)large 比父字体大一号的字 (6)x-large 比large大1.2倍的字 (7)xx-