学习css的第三步 文本样式

1: text-transform 可以用来设置文本的大小写

        可选值：

          none  文本正常显示  默认值

          uppercase  字母变大写

          lowercase   字母变小写

          capitalize  单词首字母大写

2: text-decoration  可以用来设置文本的修饰

        可选值：

           none  文本正常显示  默认值

           underline  加下划线

           overline  加上划线

           line-through  删除线

 3: letter-spacing可以指定字符间距

 4: word-spacing可以设置单词之间的距离

5: text-align用于设置文本的对齐方式

              可选值：

                left  文本靠左对齐 默认值

                center  文本居中对齐  

                right  文本靠右对齐

            注意：文字要有可以活动的空间，否则设置没有效果

6: text-indent 设置首行缩进

        text-indent :;  

            可配合隐藏元素

 7 : white-space: ; 设置网页如何处理空白

 8: text-overflow 文本溢出包含元素时发生的事情

9: vertical-align  设置元素垂直对齐的方式

            可选值：

                bottom   图文靠下对齐

                top    图文靠上对齐

                middle  图文居中对齐

                baseline  基线对齐

10: text-shadow: h-shadow v-shadow blur color;

        参数

              h-shadow  控制阴影水平位移距离  正值，向右；负值，向左  必写

              v-shadow  控制阴影垂直位移距离  正值，向下；负值，向上  必写

              blur   模糊半径，值越大，越模糊  可选  默认是0px

              color  一般可用rgba   可选，默认是字体的颜色

     面试题：什么是图片三像素问题，如何解决这个问题？

     图片：是行内块标签，它的特点不会独占一行，可以设置宽高,还有一个特点，

        就是元素和元素之间会有三像素的空白

     解决方案：

       1、 vertical-align:；非baseline默认值

       2、在其父元素内，设置font-size为0

       3、将图片转成块元素

       4、将图片脱离文档流