备忘录-CSS字体属性
Property | 描述 | 示例 | 结果 |
font | 在一个声明中设置所有的字体属性 | p.ex1{font:15px arial,sans-serif;} p.ex2{font:italic bold 12px/30px Georgia,serif;} |
This is a paragraph. This is a paragraph. |
font-family | 指定文本的字体系列 | p.serif{font-family:"Times New Roman",Times,serif;} p.sansserif{font-family:Arial,Helvetica,sans-serif;} |
这一段的字体是 Times New Roman 这一段的字体是 Arial. |
font-size | 指定文本的字体大小 | h1 {font-size:200%;} h2 {font-size:150%;} p {font-size:100%;} |
This is heading 1This is heading 2This is a paragraph. |
font-style | 指定文本的字体样式 | p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} |
这是一个段落,正常。 这是一个段落,斜体。 这是一个段落,斜体。 |
font-variant | 设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小
font-variant 属性主要用于定义小型大写字母文本 |
p.normal {font-variant:normal;} p.small {font-variant:small-caps;} |
My name is Hege Refsnes. My name is Hege Refsnes. |
font-weight | 指定字体的粗细。 | p.normal {font-weight:normal;} p.light {font-weight:lighter;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} |
This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. |