1-字体系列
font-family:字体

2-字体加粗
font-weight:值
PS:
(1)-值:100、200、300(字体没有该加粗级别,选一个比400更细的变形。如果没有更细的变形,则和400的变形一样)、400(normal)、500(字体没有该加粗级别,则和400的变形一样)、600 (字体没有该加粗级别,则和700的变形一样) 、700(bold)、800 (字体没有该加粗级别,选一个比700更粗的变形。如果没有更粗的变形,则和700的变形一样) 、900
3-字体大小
font-size:数字(px、em、%)
PS:
(1)-font-size:数字%:元素的font-size属性的百分比值的参考值是父元素的font-size属性值。
(a)-使用数字%、数字em的值时,要先计算出像素值,然后浏览器会取最接近的整数来应用。
(b)-百分数可以累积。但由于浏览器会取整数,所有实际值会有可能有偏差。
4-字体风格
Font-style:(normal 正常、italic 斜体)

5-字体变形
Font-variant: (normal默认、small-caps小号大写文本)

6-行高
Line-height:数字(不带单位、px、em、%相对该元素字体大小)
PS:
(1)-说明:文本行中的每个元素都会生成一个内容区、行内框,一开始这两者是重叠的。 Line-height属性控制行内框

的高度,当line-height大于font-size时就会产生行间距。
(2)-缩放:当值不带单位时,在继承时,继承的是声明而不是计算值

7-font属性简写
Font:small -caps italic bold 36px/72px sans-serif
Font:字体变形值 字体风格值 字体加粗值 字体大小值/行高值 字体系列值
PS:
(1)-字体大小要在字体系列之前,且两者要在声明后面,否则声明无效。
(2)-使用百分比时,行高的相对值是字体大小,且在其后面用/隔开。

版权声明:本文为wwh666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wwh666/p/12868397.html