CSS 基础（持续更新）

一、为什么不使用H5标签来修改样式？仅仅是赋予语义

1. 需要对标签的属性进行记忆，如果该标签没有这个属性，设置了也没有卵用

2. 一旦需求变更（经常发生），需要修改大量的代码

所以在企业开发中都是使用CSS来修改样式。

二：使用CSS修改样式的好处

1. 不需要记忆哪些属性属于哪些标签

2. 当需求发生变更时只需要修改CSS就可以。

三：格式

<style type="text/css">

标枪名称{

属性：属性对应的值；

}

</style>

注意点：

1. style标签必须写在head标签中间；

2. style标签的type属性可以省略；

3. 设置样式时必须按照该固定的格式来写，key:value;

四：文字属性设置

4.1 文字样式属性

格式：font-style:值;

取值：

normal 正常的，默认是正常

italic 倾斜的

快捷键：fs

4.2 文字粗细属性

格式：font-weight:值;

单词取值：

bold 加粗

bolder 比加粗还粗

lighter 细线（默认粗细）

数字取值：

100-900之间整百数值

快捷键：fw

4.3 文字大小属性

格式：font-size:值;

取值：

px

快捷键：fz

注意点：通过font-size设置一定要带单位

4.3 文字字体属性

格式：font-family:值;

快捷键：ff

注意点：

1. 取值是中文，需要使用双引号包裹

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

技巧问题：

1. 如果设置的字体没有会发生生么情况？

会采用电脑默认的字体 宋体

2. 如果没有设置的字体，我还不想要用宋体，怎么办？

很简单，font-family可以设置备选字体

格式：font-family:"第一优先字体","备选字体1"。。。。。。;

3. 那么问题来了，如果有英文有中文，都需要单独设置字体怎么处理？

这个问题问得好，有一个问题需要先说明

所有中文的字体都包含了英文

所有英文的字体都不包含中文

将英文的字体放在前面即可

五：文本属性设置

5.1 文本装饰属性

格式：:text-decoration:值;

取值： 

underline 下划线

line-through 删除线

overline 上划线

none 毛都没有（可用于取消超链接下划线）

快捷键：td

5.2 文本水平对齐属性

格式：:text-align:值;

取值：

left

right

center 

快捷键：ta

5.3 文本缩进属性

格式：:text-indent:值;

取值：

em，一个em等同于一个文字的宽度

快捷键：ti