一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情。
1. 字体相关属性
CSS为控制文本的字体提供了大量属性,这些字体相关属性主要用于控制文本的字体、颜色、修饰等外观。
字体相关属性如下:
font:这是一个复合属性,其属性值为:
font-style font-variant font-weight font-size line-height font-family
的复合属性。使用font属性可同时控制文字的样式、字体粗体、字体大小、字体等属性。
color:该属性用于控制文字颜色。该属性的值可以是任何有效的颜色值,包括字符串类型的
颜色名、十六进制的颜色值、或使用rgb()函数设置的RGB值等,甚至包括CSS3.0提供的
HSL颜色值等。
实例代码:
div{
border:1px solid;
color:red;
}
(1)font-family:设置文字的字体,因为字体需要浏览器内嵌字体的支持,该属性可以设置多个显示字体,浏览器按该属性指定的多个字体依次搜索,以优先找到的字体来显示文字。多个属性值之间以英文逗号(,)隔开。 body { font-family: helvetica, verdana, sans-serif; }
(2)font-size:该属性用于设置文字的字体大小。此处的字体大小既可以是相对的字体大小也可以是绝对的字体大小。
(3)font-size-adjust:该属性用于控制对不同字体的字体尺寸进行微调。
(4)font-stretch:该属性用于改变文字横向的拉伸,该属性的默认值为normal,即不拉伸。还有两个属性值:即narrower和wider,前者是横向压缩,后者为横向拉伸。
(5)font-style:该属性用于设置文字风格,是否采用斜体等。该属性的常用属性值为:normal、italic、oblique,该属性依次表示设置文字正常、斜体、倾斜字体。
(6)font-weight:该属性用来设置字体是否加粗。该属性的值表示粗的程度,加粗的程度用lighter、normal、bold、bolder等常用属性值表示。
(7)text-decoation:该属性用来控制文字是否有修饰线如下划线等。
(8)font-varient:该属性用于设置文字的大写字母的格式。
(9)text-shadow:该属性用于设置文字是否有阴影效果。
(10)text-transform:该属性用于设置文字的大小写。
(11)line-height:该属性用于设置字体的行高。
(12)letter-spacing:该属性用于设置字符之间的间隔。
(13)word-spacing:该属性用于设置单词之间的间隔。
(14)text-shadow:该属性在css2.0中被引入,CSS2.1删除了该属性,CSS3.0再次引入了该属性,该属性的值形如:color xoffset yoffset length 或 xoffset yoffset radius color