字体样式包含字体的类型,大小,颜色等基本效果也包含字体粗细,下划线,斜体等特殊效果
字体的类型
CSS中font-family属性用来表示字体类型,基本格式:font-family:name。它可以指定多个字体,这些字体可以按有限顺序排列。以逗号的形式隔开。如果字体名称包含空格应该使用引号括起来。
其中serif:衬线字体;sans-serif:无衬线字体;monospace:等宽字体;
Courier New:一种等宽字体,常用于代码编辑,或网页
css">font-family: 'Courier New', Courier, monospace;
字体大小
font-size:用来表示字体大小,拥有的属性值是:
xx-small:最小
x-small:较小
small:小
medium:正常
large:大
x-large:较大
xx-large:最大
larger:根据父对象的字体尺寸进行相应的增大
smaller:根据父对象的字体尺寸进行相应的减小
length:可以是百分值,浮点数字或标识符组成的长度值,但不能为负值。
css">font-size: 20px;
px:像素,根据屏幕像素点的尺寸变化而变化。不同分辨率的屏幕所显示的像素字体大小也是不相同的。分辨率越大,相同像素的字体越小。
字体颜色
color属性定义字体颜色,属性值是颜色值。
颜色值:由16进制来表示红绿蓝(RGB),每个颜色最低值为0,最高值255
十六进制写法:#后面跟十六进制字符
RGB表示方法:rgb(0,0,0)黑色
css">font-family:rgb(0,0,0)
字体粗细
font-weight用来定义字体的粗细,它的属性值有
normal:默认值,正常字体
bold:粗体,相当于700
bolder:相对于正字体而言较粗
lighter:相对于正常字体而言较细
也可以设置为100,200,300···900
css">font-weight:100
斜体字
font-style定义字体样式可以用来定义斜体字,属性值是italic
css">font-size:italic
定义下划线
text-decoration:用来定义下划线
none:无特效
bink:闪烁效果
underline:下划线
line-through:贯穿线效果
overline:上划线
css">text-decoration:none;
字体大小写
font-variant表示字体大小写效果
normal:正常的字体
small-caps:小型大写字母字体
大小写转换
text-transform用来转换英文字母的大小写。
none:默认值,无转换效果
capitalize:将单词的首字母转换成大写
lowercase:转换成小写
uppercase:转换成大写。
css">text-transfrom:capitalize;