CSS中字体相关的CSS样式（字体的大小/粗细/颜色/文字对齐方式）

在 CSS 中，样式是由属性和值组成，中间用冒号 ( :) 隔开，用分号 (;)收尾，其中属性可以理解为身高、体重，值可以理解为 1.8米、60kg，在现实生活中我们用这样一对组合来描述人或者物，在CSS 中，我们用这样一对组合来描述文字的粗细、大小、颜色等等.

字体的大小

设置格式为：font-size:36px;

| font-size----->字体的大小 36px--->字体的大小尺寸

注意:
你可能会在以后的代码中看到这样的现象，style ="font-size:12px; font-weight:bold"。可以看到，bold 后面没有分号;，这是因为这一组属性后面再没有其他的属性了，所以可以把结尾的分号，省略，但是这样的写法允许，但不规范

字体加粗

设置格式：font-weigth:100;

设置文字粗细的时候，其值可以是 100，200，300，400，500，600，700，800，900 中的任何一个,或者可以用英文代替normal (正常粗细)，lighter(细)，bold (粗) ，bolder (更粗)

其效果如图所示

颜色

颜色是页面中不可或缺的属性，在背景、文字中应用非常广泛，颜色的值的设置方式分为四种:

1.英文字母形式

color:black;

color:blue;

color:red;

2.十六进制颜色

十六进制颜色由#开头，后面跟三个数字，每个数字的范围为 00~ FF，每个数字代表一种颜色，最终的颜色由这三种颜色调和而成; 这个颜色一般由设计师给我们，或者可以用吸色工具去获取。

color:#DAE8FC;

color:#D5E8D4;

3.rgba形式

 rgba 形式相比 rgb 形式，多了一个 a，这里的 a 代表的是 Alpha(透明度)，a 的值在 0 ~ 1之间，为了简化书写，也可以直接省略 0，写成.4，等同于 0.4。

color: rgba(253, 217,106,1.0);
color: rgba(253,217,106,0.3);

注意:以上四种表达方式
1.多数情况下建议使用十六进制表达方式
2.调试的时候可以用英文字母形式，初期的调试就是随便设置一个颜色，查看区块是否存在，区块大小等，在盒模型中我们会遇到;
3.如果要设置文字透明度或者背景透明度，就要用到 rgba 形式.

代码如下

其效果

文字居中/居左/居右

设置文字对齐的格式如下
text-align: center; 文字居中对齐
text-align:left; 文字左对齐
text-align:right;文字石对齐