CSS属性

1. 规定文字样式的属性

• 格式：font-style：italic
• 取值：
  normal：正常的，默认就是正常的
  italic：倾斜的
  快捷键：

fs +tab : font-style:italic
fsn+tab: font-style:nomal

2.规定文字粗细的属性

• 格式：font-weight: bold;
• 取值单词：
  bold:加粗
  bolder: 比加粗还要粗
  lighter: 细线，默认就是细线
• 取值数字： 100 ~ 900之间数百的数字
• 快捷键：

fw+tab ： font-weight
fwb ： font-weight：bold
fwbr+tab ： font-weight:bolder

3.规定文字大小的属性

• 格式：font-size：30px
• 单位：像素 px （ pixel 的缩写）
• 注意点：通过font-size设置大写，一定要带着单位，也就是一定要写px
• 快捷键：fz+tab : font-size:
  fz10: font-size:10px

4. 规定文字字体的属性

• 格式：font-family:"楷体"
• 注意点：

1. 如果取值是中文，需要用双引号或者单引号
2. 设置的字体必须是用户电脑里面已经安装的字体

• 快捷键 ：ff： font-family：

5. 补充内容

1、如果设置的字体不存在，那么系统会使用默认的字体来显示；
2、如果设置的字体不存在，而我们又不想用默认的字体，我们可以给字体设置备选方案，其格式如下：font-family:"字体1","字体2"
3、如果想给中文和英文分别设置不同的字体的解决方案。

但凡中文字体里面都包含了英文，但凡英文的字体里面都不包括中文。也就是说中文字体可以设置英文。
如果想给界面的英文单独设置字体，英文字体一定要设置在前面。
4、 在我们的企业中开发中，最常见的字体：

• 中文：宋体、黑体、微软雅黑
  -英文：Times new Roman

是不是中文字体，是看该字体能否处理中文。

6 文字属性的缩写

1. 格式：font： style weight size family
2. 注意点：

1. 在这种缩写格式中，有些属性是可以省略的，
   其中：style，weight 可以省略
2. 在这种缩写格式中，style 和weight 的位置也可以交换
3. 在这种缩写格式中，size 和 family 不能省略；
4. size 和family 的位置不能随便乱放，size 一定要写在family的前面，而且size和family 必须卸载所有属性的最后。

7. 文本装饰的属性

1. 格式：text-decoration：underline；
2. 取值：

• underline：下划线
• line-through:删除线
• overline：上划线
• none ： 什么都没有，最常见的用途就是用于去掉超链接的下划线。

3. 快捷键：td+tab

8. 文本水平对齐的属性

1. 格式：text-align:right
2. 取值：

• left：左
• right:右
• center:居中

3. 快捷键：ta + tab

9. 文本缩进的属性

1. 格式：text-indent：2em
2. 取值：

• 2em：其中em是单位，一个em代表缩进一个文字。

3. 快捷键：ti + tab ti2+tab

10. 颜色控制：修改文本颜色

1. 格式：color:值
2. 取值：

• 英文单词：

一般情况下常见的颜色都有对应的英文单词，但是英文单词能够表达的颜色都是有限制的，所以英文档次一般是用于开发者调试的。

• rgb：

格式：rgb(0,0,0) 数值范围在0~255
rgb 其实就是三原色，其中r（red 红色） g（green 绿色）b（blue：蓝色）
在前端开发中，一般的不使用黑色。常用灰色，让rgb 取值相同。

• rgba

格式：rgba(0,0,0,0)
rgba 中的rgb 和前面的一样，其中a 是设置颜色的透明度的，取值是0~1，值越小，越是透明。

• 十六进制

格式：color:#F00000
在前端开发汇总，通过16进制来表示颜色，其实本质就是RGB，十六进制中的中通过每两位表示一个颜色，例如 #FFEE00，其中FF表示R，EE表示G，00表示B。

• 十六进制所缩写

3. 快捷键：