Css中关于字体相关属性的介绍

时间:2019-02-19
本文章向大家介绍Css中关于字体相关属性的介绍,主要包括Css中关于字体相关属性的介绍使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

(作者:黄小龙 撰写时间:2019年1月17日)
(1)字体相关属性
○1color:该属性用于控制字体颜色,该属性值包括字符类型的颜色名、十六进制的颜色值。还有CSS3提供的HSL颜色值。
○2font-famliy:设置文字的字体。因为浏览器内嵌字体的支持,该属性可以设置多个显示字体,但多个属性值之间用逗号(,)隔开。
浏览器按该属性指定的多个字体依次搜索,以优先找到的字体来显示文字,
○3font-size:设置字体的大小。此处的字体大小分为相对字体大小和绝对字体大小。
还可以使用关键字。例如:medium,saml,large,samller,larger等
绝对字体大小:使用像素(px)来设置字体的大小,
它们是绝对单位,设置多大就是多少,不会受到祖先元素的字体大小影响。
相对字体大小:使用百分比(%),这些单位的值是相对的,该字体
的大小要相对该元素最近的“被设定过字体大小”的祖先元素来确定,
比绝对字体大小的设定要复杂点。
○4font-style:设置字体的风格。属性值有:normal(正常),italic(斜体),oblique(倾斜)。
○5font-weight:设置字体是否加粗。属性值:lighter,normal,bold,bolder.
○6font-variant:设置文字的大写字符的格式。属性值:normal,small-caps(小型的大写字母字体)
○7font: 简写。简写规则:规则一:必须声明font-size和font-famliy的值
规则二:声明顺序
①font-weight,font-style,font-variant不分先后
②然后是font-size
③最后是font-famliy