一、 CSS字体属性
1. 字体样式font-family
body {
font-family: 'Times New Roman', Times, serif;
}
注意:
1.可以设置多个字体,系统会按从前到后的顺序,找到哪个用哪个。
2.多个字体间用英文下的逗号隔开。
3.字体可以用中文或者英文。
4.最常见的几个字体:body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'; }
2. 字体大小font-size
p {
font-size: 20px;
}
注意:
1.px是像素,是网页中最常用的单位。
2.谷歌浏览器的默认大小是16px。
3. 字体粗细font-weight
font-weight有两个属性,默认是normal不加粗,可以用400代替,bold为加粗,可以用700代替。
.normal {
/* 400等同于normal,即取消加粗,用数字表示更佳*/
/* font-weight: normal; */
font-weight: 400;
}
.bold {
/* 700等同于bold效果 */
/* font-weight: bold; */
font-weight: 700;
}
注意:
1.weight后面值不需要单位。
2.给标题定义weight:400,就是取消加粗
4. 文字样式font-style
font-style属性有两个值,默认是normal不倾斜,italic是字体倾斜,实际开发中会给<em>或<i>标签加font-style:normal。使其不倾斜。
em {
font-style: normal;
}
h2 {
font-style: italic;
}
5. 字体复合属性
div {
font: italic 700 50px Arial, Helvetica, sans-serif;
}
注意:
1.必须按语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开。
2.不需要设置的属性可以省略(取默认值),但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用。
3.口诀:鞋粗大踢→倾斜,粗细,大小,字体。