19.CSS文本样式【下】

                                                      第十五章 CSS文本样是【下】

一、文本总汇

二、文本样式 :CSS文本样式分为三种：文本装饰，英文大小写转换，文本阴影。

   1、text-decoration

        （1）none :让本身有划线的文本取消掉；

        （2）underline :让文本的底部出现一条下划线；

        （3）overline :让文本的顶部出现一条下划线；

        （4）line-through :让文本的中部出现一条产出划线；

        （5）bline :让文本出现闪烁，基本不支持了；

      例、@charset="utf-8"

          p{

             font-size:50px;

             text-decoration:underline;   //在字符下面有一个下划线。

             text-decoration:overline;    //在字符上面有一个上划线。

             text-decoration:line-through;   //加一条删除线；

          }

   2、text-transform :设置英文文本转化为大小写。

       （1）none

       （2）capitalize :将英文单词首字母大写。

       （3）uppercase  ;将英文转化为大写字母。

       （4）lowercase  :将英文转化为小写字母。

   3、text-shadow :给文本添加阴影。其中四个值，第一个值：是水平偏移； 第二个值：垂直偏移；

                                               第三个值：阴影模糊度（可选）； 第四个值：阴影颜色（可选）；

     例、p{

             text-shadow：Spx Spx 3px red;

         }

三、文本控制

   1、text-align     （1）到（4）是CSS1；（5）到（6）是CSS3,目前IE和Opera尚未支持；

       （1）left    :靠左点对齐 （默认）；

       （2）right   :靠右对齐；

       （3）center  :居中对齐；

       （4）justify :内容两端对齐；

       （5）start   :让文本处于开始的边界；

       （6）end     :让文本处于结束的边界；

   2、white-space

       （1）normal   :默认值，空白符被压缩，文本自动换行；

       （2）nowrap   :空白符被压缩，文本不换行；

       （3）pre      :空白符被保留，遇到换行符则换行；  //换行符是‘回撤’

       （4）pre-line :空白符被压缩，文本会在排满或遇到换行符换行；

       （5）pre-wrap :空白符被保留，文本会在排满或遇到换行符换行；

   3、letter-spacing

       （1）normal :设置默认间距；

       （2）长度值 ：比如“数字”+“px”

   4、word-spacing :设置英文之间的间距；

        属性同上；

   5、line-height  :设置段落行高；

       （1）（2）同上；

       （3）数值 ：比如1,2,3；

       （4）%    ：比如 200%；

   6、word-wrap  :让过长的英文单词断开；

       （1）normal  :单词不断开；

       （2）break-word :单词断开；

   7、text-indent  :设置文本首行的缩进。

       （1）normal  :设置默认间距；

       （2）长度值  :比如“数字”+“px”