100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS字体属性(font-family font-size font-weight font-style)

CSS字体属性(font-family font-size font-weight font-style)

时间:2019-11-20 19:20:05

相关推荐

CSS字体属性(font-family font-size font-weight font-style)

CSS字体属性

CSS Fonts(字体)属性用于定义字体系列、大小、粗细和文字样式。

字体系列

CSS使用font-family属性定义文本的字体系列。

p { font-family:"微软雅黑";}div {font-family:Arial,"Microsoft Yahei","微软雅黑";}

各种字体间用英文英文状态下的逗号隔开。如果是用空格隔开的多个单词组成的字体,需要加引号。尽量使用系统自带的字体,保证在任何用户的浏览器中都能够正常显示。首先显示第一种字体,电脑没有第一种字体会显示第二种字体,以此类推,如果都没有则显示默认字体。

字体大小

CSS使用font-size属性定义字体大小。

p {font-size: 20px;}

px:像素,是网页中最常用的单位,谷歌浏览器的字体默认显示为16px,不同的浏览器默认字体大小可能不同。可以给<body>标签设置字体大小。

标题标签比较特殊,需要单独设置大小

字体粗细

CSS使用font-weight属性设置文本字体的粗细。

p {font-weight:700;}

数值之后没有单位!也可以用属性值表示:normal(默认值;400)bold(粗体;700)

字体样式

CSS使用font-style属性设置文本的风格。

p {font-style:normal;}

在实际应用中很少使用到斜体,反而要给斜体标签(em,i)改为不倾斜标签。

字体复合属性

p{/* font:font-style font-weight font-size/line-height font-family; */font: italic 700 16px 'Microsoft yahei'}

通过一行代码改变字体的样式,粗细,大小和系列;注意在使用的时候顺序不能颠倒,并且各个属性之间用空格隔开。

不需要设置的属性可以省略,但是必须保留font-size和font-family属性,否则font属性整体不起作用。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。