首页 > Web开发 > 详细

3.css3文字与字体

时间:2019-10-11 12:33:28      阅读:77      评论:0      收藏:0      [点我收藏+]

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

 

3.css3文字与字体

原文:https://www.cnblogs.com/chenJieLing/p/11653108.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!