美文网首页
文本样式和文本的装饰

文本样式和文本的装饰

作者: Forever_f59e | 来源:发表于2018-11-21 10:43 被阅读0次

text-transform

1.默认文本样式

    p{
            text-transform:none;
    }

2.capitalize 文本中的每个单词以大写字母开头。

    p{
            text-transform:capitalize;
    }

3.uppercase定义仅有大写字母。

    p{
            text-transform:uppercase;
    }

4.lowercase 定义无大写字母,仅有小写字母。

    p{
          text-transform:lowercase;
  }

text-decoration

1.默认文本样式

    p{
            text-decoration:none;
}

2.underline定义文本下的一条线。

  p{
            text-decoration:underline
    }

3.overline 定义文本上的一条线。

    p{
            text-decoration:overline;
    }

4.line-through 定义穿过文本下的一条线。

    p{
            text-decoration:line-through;
    }

5.去除超链接下的下划线

    p{
            text-decoration:none;
    }

6.letter-spacing用来设置字符之间的间距

    p{
            letter-spacing:10px
    }

7.work-spacing用来设置单词之间的间距

    p{
            work-spacing:10px
    }

对齐文本

text-align

分类:
1.left:左对齐
2.right右对齐
3.justify:两边对齐
4.center:居中对齐

    p{
            text-align:left;
    }
    在left处更换可选值right justify center

首行缩进

text-indent

    p{
            text-indent:32px;
    }
    没有设置字号,浏览器默认为16px;

如果想要首行缩进的可以使用em单位

1em = 1font-size;

    p{
            text-indent:2em;
            font-size:30px;
    }

相关文章

  • 文本样式和文本的装饰

    text-transform 1.默认文本样式 2.capitalize 文本中的每个单词以大写字母开头。 3.u...

  • css样式——文本篇

    CSS文本属性可以定义文本的样式。通过文本属性,您可以改变文本的颜色、字符间距,对其文本,装饰文本,对文本缩进等等...

  • Flutter 3.8 表单

    1.TextField单行文本框 多行文本框 <1>样式decoration 对文本框装饰(hintText ...

  • 文本样式,装饰器

    text-transform 默认文本样式 capitalize 文本中的每个单词以大写字母开头。 upperca...

  • 文本标签 和 文本样式

    1.文本的标签 ~ 主要表示语气上的强调,在浏览器中默认使用斜体显示 ~ 表示强调内容,默认使用粗体 ~ 标签中...

  • CSS(四)文本样式设置

    颜色表及HTML代码(部分) 文本样式 文本样式:对齐方式、文本修饰文本转换、文本缩进.... 作用:美化、修饰页...

  • Flutter组件

    文本及样式 Text: 显示简单样式文本TextStyle: 指定文本显示的样式TextSpan: 对一个Text...

  • Css样式--文本样式详解

    Css样式--文本样式详解 文本样式包括所谓的文本缩进:text-indent水平对齐:text-align:ce...

  • flutter文本样式 TextStyle 详解

    TextStyle 配置文本的显示样式 和 输入文本的样式 参考:http://www.360doc.com/co...

  • HTML---文本控制与文本样式标记

    1.段落标记 和换行标记 基本语法格式: 文本 2.文本样式标记 在HTML中,使用 标记控制网页中文本的样式。...

网友评论

      本文标题:文本样式和文本的装饰

      本文链接:https://www.haomeiwen.com/subject/xaeqqqtx.html