一.什么是文字属性?
1.规定文字样式的属性
格式:font-style: italic;
取值:
normal:正常(默认就是正常)
italic:倾斜
快捷键:
fs+tab——>font-style: italic;
fsn+tab——>font-style: normal;
2. 规定文字粗细的属性
格式:font-weight: bold;
单词取值:
normal 正常(默认就是正常)
bold 加粗
bolder 比加粗还要粗
lighter 细线
*数字取值:
100-900
100=lighter
400=normal
700=bold
快捷键:
fw+tab——>font-weight:
fwb+tab——>font-weight: bold;
fwbr+tab——>font-weight: bolder;
3. 规定文字大小的属性
格式:font-size: 300px;
单位:px像素(pixel)
注意点:通过font-size设置大小一定要带单位px
快捷键:
fz30+tab——>font-size:30px;
4. 规定文字字体的属性
格式:font-family: “微软雅黑”;
取值:
微软雅黑(中文默认就是微软雅黑)
宋体
…
快捷键:
ff+tab——>font-family:
注意点:
1.如果取值是中文,需要加双引号或者单引号;
2.设置的字体必须是用户电脑已经安装的字体。
3.如果设置的字体不存在,那么系统会使用默认的字体(微软雅黑)来显示。
- 如果设置的字体不存在,而我们又不想用默认的字体来显示怎么办?
可以给字体设置备选方案
格式:font-family:“字体1”,“备选方案1”,…,…; - 如果想给一个段落中的中文和英文分别设置字体怎么办?
但凡是中文字体,里面都包含了英文;
但凡是英文字体,里面都没有包含中文。
也就是说中文字体可以处理英文,而英文字体不能处理中文。
格式:font-family: “Times New Roman”,“微软雅黑”;
注意点:如果想给界面中的英文单独设置字体,那么英文的字体必须写在中文的前面。 - 在企业开发中最常见的字体: 中文:宋体、黑体、微软雅黑 英文:Times New Roman、Arial
还需要知道并不是名称是英文就一定是英文字体。因为中文字体其实都有自己的英文名称,所以是不是中文字体主要看能不能处理中文。 宋体
SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei
文字属性的简写
缩写格式:
font: style weight size family;
例如:font: italic bold 10px “楷体”;
注意点:
- 在这种缩写格式中有的属性值可以省略(style可以省略、weight可以省略);
- 在这种缩写格式中style属性和weight属性可以交换位置;
- 在这种缩写格式中有的属性值不能被省略(size属性和family属性不能省略);
- 在这种缩写格式中size属性和family属性的位置不可以随便乱放,size一定要写在family的前面,size和family一定要写在其他属性的后面。