CSS基础的文字样式

1.文字样式

1.文字颜色        color：属性值；       

其中属性值包括颜色名称，如red、blue、yellow等等；

其次还有十六进制值，如#aabbcc，aa、bb、cc分别表示红绿蓝，其数值由00~ff为一个十六进制数，值越大表示对应的颜色参与的越多，反之越少；

最后还有一个RGB值，如rgb（255,0,0），这三个数值也分别表示红绿蓝三种颜色所占比例，每个数值为0~255。也可以是英文的颜色如color: rgb(red, green, blue);

2.文字类型        font-family:宋体；        

font-family后可以写三种字体样式，以应对不同浏览器的适用。若设置的样式对应的浏览器都不支持，那么将使用对应浏览器默认的样式。这里的样式值可以写中文如：宋体、楷体等等，也可以是英文如Time New Roman

 3.文字大小        font-size:18px;

 font-size后直接跟学要设置的字体大小，这里的值可以是数字，数字加单位，也可以是英文，如：small、large、medium等等

 4.文字粗细        font-weight:400;

font-weight表示字体的粗细，可以设置100、200~700,其中400表示默认粗细，700表示加粗和bold相同作用，还可以是bold，lighter，normal等等

 5.字体样式         font-style:normal;

font-style可以填的属性包括normal，italic，oblique。后两个表示斜体，但主要使用italic，oblique支持的浏览器比较少

 6.字体行高        line-height:18px;

可以给文字段落设置行高，一般行高要求设置的值要大于文字的大小，防止文字被挤压变形。字体行高还有一个作用就是可以让文字垂直居中显示。

 2.文本样式

1.文本对齐        text-align:center;

文本对齐可以填入的值包括center，left，right，justify（两端对齐），inherit(表示继承自父元素的text-align的样式）

2.文本间距        

文本缩进        text-indent：2rem;正数表示文本向右缩进的距离，反之负数表示文本向左缩进的距离

附上今天的作业小结吧，好了今天就这些