CSS字体属性可以定义字体、颜色、大小、文字样式。
01.1字体颜色
CSS使用color
属性定义字体颜色。
实例语法:
body {
color: red;
}
这是表明在body
中所有的字体颜色,这里定的都为red
,color
对应字体的颜色值有四类:
body { color: red;}/直接定义颜色/
body { color: #ff0000;} /十六进制/
body { color: rgb(255,0,0);}/RGB/
body { color: rgba(255,0,0,0.7);}/rgba*/
01.2字体大小
CSS使用font-size
属性定义字体大小。
实例语法:
body {
font-size: 20px;
}
属性值中,20是大小,px是像素单位。数字越大字体越大,一般浏览器有默认值,比如Chrome默认是20px。
01.3字体粗细
CSS使用font-weight
属性定义文本字体的粗细。
实例语法:
body {
font-weight: bold;
}
属性值有3个normal
是默认值;bold
加粗;100-900
以数字代表加粗程度,400
=normal
,700
=bold
。
01.4字体样式
CSS使用font-style
属性定义字体样式。
实例语法:
body {
font-style: normal;
}
属性值有2个。normal
默认值,浏览器显示默认的字体样式;italic
浏览器会显示斜体的字体样式。
01.5字体系列
CSS使用font-family
指定元素或字体系列,指定用什么字体。
实例语法:
body {
font-family: "Microsoft YaHei","Simsun","SimHei";
}
属性值是各类字体名称,这里的第一个是微软雅黑,如果第一个不存在,就顺位用第二个字体,每个字体之间用逗号分开。
01.6字体属性综合写法
CSS使用`font`来字体属性定义字体的综合写法。
body { font: font-style font-weight font-size/line-height font-family; }
实例语法:
body {
font:italic 30px "Microsoft YaHei"
}
使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开 不需要设置的属性可以省略(取默认值),但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用