当前位置 : 主页 > 网页制作 > css >

3.css3文字与字体

来源:互联网 收集:自由互联 发布时间:2021-06-13
1.css3 文字与字体: ①Font-size :大小。 ⑴通常使用px、百分比、em来设置大小; ⑵xx-small、x-small、small、medium、large、x-large、xx-large设置为不同尺寸,默认值medium; ⑶smaller设置为比父元

1.css3文字与字体:

 

①Font-size:大小。

  ⑴通常使用px、百分比、em来设置大小;

  ⑵xx-small、x-small、small、medium、large、x-large、xx-large设置为不同尺寸,默认值medium;

  ⑶smaller设置为比父元素更小的尺寸;

  ⑷larger设置为比父元素更大的尺寸;

②Font-variant:规定是否以小型大写字母的字体显示文本。

  ⑴Normal默认值,浏览器会显示一个标准字体;

  ⑵Small-caps浏览器会显示小型大写字母的字体;

③Font-style:样式。

  ⑴Normal默认值,显示一个标准字体;

  ⑵Italic显示一个斜体的样式;

  ⑶Oblique显示一个斜体的样式;

④Font-weight:粗细。

  ⑴Normal默认值;

  ⑵Bold粗体;

  ⑶Bolder更粗的粗体,lighter更细的字体;

  ⑷100-900:定义由粗到细的字体。400等同于normal,700等同于bold;

⑤Font-family:字体系列宋体、楷体、黑体

⑥Font:在一个声明中设置所有字体属性

  ⑴至少要指定字体大小size和字体系列family;

  ⑵可以按默认顺序设置:font-style/font-variant/font-weight/font-size/font-family;

   

⑦@font-face:嵌入字体。

有字网:https://www.webfont.com/vipcsslist/index

上一篇:5.css3盒模型
下一篇:4.css3文本属性
网友评论