第二讲 CSS中字体相关样式

1、text-transform 英文字母大小写转换

capitalize	单词首字母大写
uppercase	全部大写
lowercase	全部小写

2、text-decoration 文本的装饰效果

underline	文字加下划线
line-through	文字加删除线
overline	文字加上划线

3、text-indent

text-indent ：2em 段落内容首行缩进

text-indent ：-2em （悬挂缩进）

4、字词间距

（1）英文文本：

letter-spacing  字母和字母间距 : normal / 数值

word-spacing 单词和单词间距

（2）中文文本

letter-spacing  字和字之间的间距

5、内容溢出处理

overflow (内容溢出处理)	visible（默认）/ hidden（超出部分隐藏） scroll（出现滚动条）/ auto（浏览器自动处理）
text-overflow (文本溢出处理)	clip（不显示省略标记，简单裁切） | ellipsis （文本溢出显示省略标记） 文本溢出处理
white-space （元素空白的处理）	normal / pre（空白被保留）/ nowrap（不换行）/....

注意：三者缺一不可

6、line-height ：段落内部的行高

注意：文字在每一行自动上下居中

7、text-align：文本的水平位置

• left：左对齐（默认值）
• right：右对齐
• center：居中对齐
• justify：两端对齐。对于主要用于英文， 只能对多行中的非最后一行进行两端对齐。

8、垂直对齐方式

vertical-align:baseline；top；text-top；middle；bottom。。。

 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

9、伪类： 

未访问状态	a：link{          color：pink；   }
访问后的状态	a：visited{          color：green；   }
鼠标悬停状态	a：hocer{          color：blue；   }
激活状态	a：active{          color：red；   }

注意：四种伪类有先后顺序，分别是：link-visited-hocer-active

          简记小技巧：LVHA