概览
color 为字体指定颜色
font-style 用于打开和关闭斜体文本
font-weight 为字体设置粗细程度
font-size 为文字指定大小
font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体
webFont 网络字体
字体图标
text-decoration 设置或者取消文本修饰
text-align 文字排列方式
text-indent 文本缩进属性
text-transform 设置或者取消字体改变
text-shadow 设置或者取消文本阴影
font-style 用于打开和关闭斜体文本
font-style 用于打开和关闭斜体文本
格式：
font-style: italic;
取值： normal ： 正常的， 默认就是正常的
italic : 倾斜的
快捷键： fs font-style: italic;
fsn font-style: normal;
font-weight 为字体设置粗细程度
格式：
font-weight: bold;
取值: bold 加粗
bolder 比加粗还要粗
lighter 细线， 默认就是细线
数字取值： 100-900之间整百的数字
400 等同于 normal
700 等同于 bold
快捷键:
fw font-weight:;
fwb font-weight: bold;
fwbr font-weight: bolder;
font-size 为文字指定大小
格式：
font-size: 30px;
单位：px（像素 pixel）
注意点： 通过font-size设置大小一定要带单位， 也就是一定要写px
快捷键:
fz font-size:;
fz30 font-size: 30px;
font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体
格式：font-family:"楷体";
通用字体 (直接使用，不需要加引号)
serif: 有衬线的字体,笔画结尾有特殊的装饰线或衬线
sans-serif: 无衬线的字体，笔画结尾是平滑的字体
monospace: 等宽字体，用于代码，字体中每个字宽度相同
cursive: 草书，这种字体有的有连笔，有的还有特殊的斜体效果。
fantasy: 装饰字体 ，具有特殊艺术效果的字体
快捷键: ff font-family: ;
【注意】
- 如果取值是中文，需要用双引号或者单引号括起来，多个单词组合也要加
- 设置的字体必须是用户电脑里面已经安装的字体
- 如果设置的字体不存在, 那么系统会使用默认的字体来显示默认使用宋体
- 如果设置的字体不存在, 而我们又不想用默认的字体来显示怎么办?
可以给字体设置备选方案 格式:font-family: "字体1", "备选方案1", ...; - 如果想给中文和英文分别单独设置字体, 怎么办?
- 但凡是中文字体, 里面都包含了英文
- 但凡是英文字体, 里面都没有包含中文
- 也就是说中文字体可以处理英文, 而英文字体不能处理中文
- 注意点: 如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面
- 补充在企业开发中最常见的字体有以下几个
- 中文: 宋体/黑体/微软雅黑
- 英文: "Times New Roman"/Arial 还需要知道一点, 就是并不是名称是英文就一定是英文字体 因为中文字体其实都有自己的英文名称, 所以是不是中文字体主要看能不能处理中文 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei
缩写格式:
font:style weight size family;
例如: font:italic bold 10px "楷体";
【注意】
- 在这种缩写格式中有的属性值可以省略 ,sytle可以省略 , weight可以省略
- 在这种缩写格式中style和weight的位置可以交换
- 在这种缩写格式中有的属性值是不可以省略的 ,size不能省略 ,family不能省略
- size和family的位置是不能随便乱放的 ,size一定要写在family的前面, 而且size和family必须写在所有属性的最后
