100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/

常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/

时间:2021-09-27 18:13:02

相关推荐

常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/

一、常见的CSS字体样式属性

1.font-size属性:用于设置字体字号

该属性的值有

相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用)

绝对长度单位:in(英寸)cm(厘米)mm(毫米)pt(点)

2.font-family属性:用于自定义设置字体

css样式代码p{ font-family:"微软雅黑"; }

3.font-weight属性:用于定义字体的粗细

字体粗细常用的值有:normal(默认值400)bold(粗体700)bolder(更粗字体)lighter(更细的字体)100~900的整数倍,值越大字体越粗。

p{ font-weight:"normal"}

4.font-style属性:用于定义字体风格

normal(默认字体)italic(斜体,最常用)oblique(倾斜)

5.font综合属性:用于综合设置字体样式

<style>p{font:italic bold 36px/"微软雅黑";}</style>

可以同时设置字体的样式,但需要注意综合属性设置的时候,必须保留字号与字体。

6.@font-face属性:是css3新增的属性,用于定义特殊的字体

@font-face属性可以让开发者在用户计算机没有安装字体时也可以自定义任何喜欢的字体。

<style>@font-face{font-family:a; /*自定义名称a*/src:url("../../../System/Library/Fonts/Noteworthy.ttc")/*引入自定义字体路径*/}p{font-family:a;}</style>

字体样式示例代码:

<html><head><meta charset="UTF-8"><title>字体样式</title><style>p{font-size:36px;font-style:italic;font-weight: bolder;line-height: 80px; /*行间距}</style></head><body><p>字体样式属性演示</p><p>字体样式属性演示</p></body></html>

###欢迎加入QQ群一同交流学习937864538

常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记

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