文本颜色样式

颜色设置

px	%	em
像素	相对于父类来说，父类16px，则100%就是16px，200%就是32px	相对于font-size来说，效果和%类似

• 十六进制颜色：
  一个颜色值，比如：#6600ff，实际上表示包含了三组十六进制的数字，66代表红色的浓度，00代表绿色的浓度，ff代表蓝色的浓度，最后颜色是由制定浓度的红绿蓝混合而成。（如果三组数字全部两两重复，则可以简写为#60f）

字体设置

• 文字大小 用font-size来指定

p{
            font-size:50px;
        }

• 字体
  通过font-family指定标签中文字的字体(可以同时指定多种字体，浏览器会从第一个开始依次优先选择使用)

p{
            font-family:华文彩云;
        }

• 斜体
  通过font-style来指定

p{
    font-style:italic
}

• 粗体
  通过font-weight来指定

p{
    font-weight:bold
}

• 小型大写字母
  通过font-variant属性来将字母类型设为小型大写

p{
            font-variant:small-caps

        }

字体属性的简写

font也可以一次性同时设置多个字体的样式
语法：font:加粗 斜体 小型大写 大小/行高 字体
（大小和字体必须写到后两个，其他的没有顺序）

• 行间距
  line-height用于设置行高，行高越大则行间距越大
  行间距= line-height - font-size

• 大写化
  text-transform用于将元素中的字母全部换成大写
  1、大写：text-transform：uppercase
  2、小写：text-tansform：lowercase
  3、首字母大写：text-transform：capitalize
  4、正常：text-transform：none

• text-decoration用来给文本添加各种装饰，可以为文本的上方、下方或者中间添加线条
  1、underline 下划线
  2、overline 上划线
  3、line-through 中间（删除线）
  4、none

• letter-spacing 用来设置字符之间的间距
• word-spacing 用来设置单词之间的间距

• 文本对齐
  text-align 用来设置文本的对齐方式
  1、left 左对齐
  2、right 右对齐
  3、justify 两边对齐
  4、center 居中对齐

• 首行缩进
  text-indent 用来设置首行缩进（该样式需要指定一个长度，并且只对第一行生效）