一、常见的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属性/学习笔记