您的位置:首页 > Web前端 > CSS

CSS中的文本样式

2017-08-17 10:16 225 查看
1. text-decoration

    设置文本的下划线。其值有;

     none —— 让本身有下划线装饰的文本取消下划线

     underline —— 让文本的底部出现一条下划线

     overline —— 让文本的头部出现一条上划线

     line-through —— 让文本的中部出现一条删除线

     blink —— 让文本进行闪烁(基本不支持)

2. text-transform

    设置英文文本转换为大小写。其值有:

    none —— 将已转换大小写的值恢复到默认状态

    capitalize —— 将英文单词首字母大写

    uppercase —— 将英文转换为大写字母

    lowercase —— 将英文转换为小写字母

3. text-shadow

    给文本添加阴影。其中有四个值,第一个(水平偏移)第二个(垂直偏移)第三个(阴影迷糊度)第四个(阴影颜色)

    p{

           text-shadow : 5px 5px 3px  black;

     }

4. text-align

    指定文本的对齐方式,其值有:

    left —— 靠左对齐,默认

    right ——  靠右对齐

    center —— 居中对齐

    justify —— 内容两端对齐

    start —— 让文本处于开始的边界

    end —— 让文本处于结束的边界

5.  white-space

     处理空白排版方式。其值有:

     normal —— 默认值,空白符被压缩,文本自动换行

     nowrap —— 空白符被压缩,文本不换行

     pre —— 空白符被保留,遇到换行符则换行

     pre-line —— 空白符被压缩,文本会在排满或遇换行符换行

     pre-wrap —— 空白符被保留,文本会在排满或遇换行符换行

6. letter-spacing

    设置文本之间的间距,其值有:

     normal —— 设置默认间距

     长度值 —— 如: “数字” + “px”

     word-spacing;设置英文单词之间的间距

7. line-height

     设置段落行高,其值有:

      normal —— 设置默认间距

       长度值 —— 如: “数字” + “px”

       数值 —— 如1,2,3

       % —— 如:200%

8. word-wrap

     让过长的英文单词断开,其值有:

     normal —— 单词不断开

     break-word —— 断开单词

9. text-indent

    设置文本首行的缩进,其值有:

    normal —— 设置默认间距

    长度值 —— 如:“数字” + “px”

    

     

    

    
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html html5 css