文字相关属性
1，文字属性
1,font-style
作用: 规定文字样式
格式: font-style: italic;
取值:
normal ： 正常的， 默认就是正常的
italic : 倾斜的
2,font-weight
作用: 规定文字粗细
格式: font-weight: bold;
取值:
单词取值:
bold 加粗
bolder 比加粗还要粗
normal:正常
lighter 细线， 默认就是细线
数字取值：
100-900之间整百的数字
400正常值,700加粗
3,font-size
作用: 规定文字大小
格式: font-size: 30px;
取值: px(像素 pixel)
4,font-family
作用: 规定文字字体
格式: font-family:"楷体";
取值: 各种字体名称
格式:font-family:"字体1", "备选方案1", ...sans-serif;
从左往右顺序查找,如果电脑中未安装该字体,就会到后面的备选方案
如果想给中文和英文分别单独设置字体, 怎么办?
但凡是中文字体, 里面都包含了英文
但凡是英文字体, 里面都没有包含中文
也就是说中文字体可以处理英文, 而英文字体不能处理中文
注意点: 如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面
5,文字属性缩写
缩写格式:
font: style weight size family;
font: italic bold 10px "楷体";
注意点:
在这种缩写格式中有的属性值可以省略
style可以省略
weight可以省略
在这种缩写格式中style和weight的位置可以交换
在这种缩写格式中有的属性值是不可以省略的
size不能省略
family不能省略
size和family的位置是不能顺便乱放的, size一定要写在family的前面, 而且size和family必须写在所有属性的最后
