备忘录-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 1

This is heading 2

This 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.

posted @ 2021-08-15 14:55  大序列  阅读(62)  评论(0编辑  收藏  举报