CSS入门篇05.文本样式

文本样式

1. text-transform：设置文本的大小写

可选值：none 默认值，正常显示

                        Uppercase 文本大写

                        Lowrcase 文本小写

                        Capitalize 首字母大写

1. text-décoration：设置文本的修饰

               可选值：none 默认值，正常显示

                                Underline 下划线

                                Overline 上划线

                                Line-though 删除线

3. letter-spacing：字符距离

4. word- spacing：单词距离

5. text-align：对齐方式

可选值：center 居中、left（默认值）、right、justify（两端对齐）

6. text-indent：首行缩进

常用的 em单位

7. white-space：设置网页如何处理空白

可选值：normal 换行显示

Nowrap不换行

8. text-overflow：文本溢出包含元素的情况

可选值：clip 裁剪

ellipsis 显示省略号

Overflow属性：hidden 隐藏

9. vertical-align：设置元素垂直对齐

可选值：baseline 基线对齐，沿着x字母最下方对齐，默认值

Top、bottom、middle

功能：1. 设置元素垂直对齐（只针对图片、文字、表格）

2.解决图片三像素的问题：图片与图片之间有空白间隙

a. vertical-align属性，设置一个非baseline的样式值

b.设置父元素font-size为0

c.将图片转成块元素（block）

d.将元素脱离文档流

10. text-shadow：（四个参数：） 设置文本的阴影

四个参数：1.阴影水平位移距离（必填）正右负左

                        2.阴影垂直位移距离（必填）正下负上

                        3.阴影的模糊半径

                        4.阴影的颜色（默认字体颜色）

11. box-shadow：设置块元素的阴影

四个参数：1.阴影水平位移距离（必填）正右负左

                        2.阴影垂直位移距离（必填）正下负上

                        3.阴影的模糊半径

                        4.阴影的颜色（默认黑色）