CSS入门五：文本样式；字体颜色：英文字母，十六进制，RGB；文本颜色，字间距，行间距，对齐方式；下划线、上划线…，文本阴影，字母大小写，首行缩进

CSS入门部分已经了解了：CSS简介、样式表分类，内部样式表简单使用；选择器和类选择器简单使用；背景色、背景图；以及外部样式表的简单使用；

本篇博客主要介绍，如何对文本设置，包括字体颜色；字间距，行间距，对齐方式；下划线、上划线…，文本阴影，字母大小写，首行缩进等；

目录

1.字体颜色：英文字母，十六进制，RGB

2.文本样式：文本颜色，字间距，行间距，对齐方式

3.文本样式：下划线、上划线…，文本阴影，字母大小写，首行缩进

---

 

1.字体颜色：英文字母，十六进制，RGB

● #FFB6C1：共六位，两位代表一个原色，依次为红绿蓝。

● 238，20，168：RGB表示方式：依次为红绿蓝；

● 在实际开发中，大概率是使用十六进制或RGB的方式，很少情况使用英文单词，以前开发时，比对着着颜色表对照表的；

---

2.文本样式：文本颜色，字间距，行间距，对齐方式

●1. color：字体颜色

● 2.direction：问题对齐方式：ltr：左对齐，也是默认对齐方式；rtl：右对齐；（这个不建议用，容易出幺蛾子）

      

●3.letter-spacing：字符的左右间距，如果是负数，那么文字就会过于紧凑，发生重叠，挤在一起；

   

● 4.line-height：行高

● 5.text-align：其中，justify是两端对齐；

……………………………………………………

注解：text-align和direction区别

对于非阿拉伯语来说，text-align和direction区别不大；只有对于阿拉伯语和阿拉伯数字来说，direction会改变书写方向：

     

效果：

这样一看，direction这个属性以后别用了，都用text-align吧。因为direction说不定啥时候就会出个幺蛾子。

---

3.文本样式：下划线、上划线…，文本阴影，字母大小写，首行缩进

● 6.text-decoration：下划线，上划线，删除线；

●7.text-shadow：

           h-shadow：阴影相对原文字的行坐标；

     

           v-shadow：阴影相对原文字的列坐标；

           blur：阴影的模糊程度，越大阴影越模糊，如果过大，则阴影会消失不见，变成水洗似的泼散开来的效果；

      

           color：阴影颜色

●8.text-transform：字母大小写，这个属性是针对英文的；对于中文，这个属性就没意义了；

           capitalize：首字母大写；

           uppercase：全部大写；

           lowercase：全部小写；

●9.text-indent：首行缩进，这个主要是针对段落的；