HTML5前端开发入门之CSS文字属性

文字属性

1.规定文字样式的属性

 格式：font-style: italic;

 取值：

 normal：正常的，默认是正常的

 italic：倾斜的

 快捷键：

 fs+tab键 == font-style：italic;

 fsn+tab键 == font-style：normal;

 

2.规定文字粗细的属性

 格式：font-weight: bold;

 取值：

 1.单词取值：

 bold  加粗

 bolder  比加粗还要粗

 lighter  细线，默认就是细线

 快捷键：同理（fw+tab）  其中fwbr+tab == font-weight: bolder;

 2.数字取值：

 100-900之间整百的数字，其中100是细线，900是加粗

 

3.规定文字大小的属性

 格式：font-size: 30px;

 单位：px（像素 pixel）

 注意点:通过font-size设置大小，必须带单位,也就是必须写px

 快捷键:fz30+tab == font-size: 30px;

 

4.规定文字字体的属性

 font-family: "华文楷体"

 注意点：

 1.取值为中文时，一定要用双引号或者单引号括起来

 2.设置的字体必须是用户电脑里已经安装的字体

 3.ff+tab == font-family:

 

 5.如果设置的字体不存在，那么系统会使用默认的字体来显示

 如果设置的字体不存在，而我们又不想用默认的字体来显示，怎么办？

 可以给字体设置备选方案

 格式：font-family:"字体1","备选方案1,...";

 

 6.如果想给中文和英文分别单独设置字体属性，怎么办？

 但凡是中文字体，里面都包含了英文

 但凡是英文字体，里面都没有包含中文

 也就是说，中文字体可以处理英文，英文字体不可以处理中文

 如果想给页面中的英文单独设置字体，可以将英文字体放在前面，中文字体写在备选字体

 

 7.补充在企业开发中最常见的字体有以下几个

 中文：宋体/黑体/微软雅黑

 英文：“times new roman”/Arial

 

 8.还需要知道一点，并不是名称是英文就一定是英文字体

 因为中文字体都有自己的英文名称，所以看是不是中文字体主要看它能不能处理中文

 

 9.文字属性的简写：

 格式：

 font：style weight size family;

 例如：

 font：italic hold 30px ”华文行楷“;

 注意点：

 1.在这种缩写格式中，有的属性值可以省略（style可以省略，weight可以省略）

 2.在这种缩写格式中style和weight的位置可以交换

 3.在这种缩写格式中，有点属性值是不可以省略的（size，family不可以省略）

 4.在这种缩写格式中，size和family位置不可以随便乱放