美文网首页
【CSS学习笔记12】-文本Text3

【CSS学习笔记12】-文本Text3

作者: 兔小小 | 来源:发表于2023-09-30 23:56 被阅读0次

    CSS 文本转换

    text-transform属性用于指定文本中的大写和小写字母。

    它可用于将所有内容转换为大写或小写字母,或者将每个单词的首字母大写:

    p.uppercase {
      text-transform: uppercase;
    }
    
    p.lowercase {
      text-transform: lowercase;
    }
    
    p.capitalize {
      text-transform: capitalize;
    }
    

    CSS 文本缩进 text-indent

    text-indent属性用于指定文本第一行的缩进:

    p {
      text-indent: 50px;
    }
    

    CSS 字母间距 letter-spacing

    letter-spacing属性用于指定文本中字符之间的间距。

    下面的示例演示如何增加或减少字符之间的间距:

    h1 {
      letter-spacing: 5px;
    }
    
    h2 {
      letter-spacing: -2px;
    }
    

    CSS 行高 line-height

    line-height属性用于指定行之间的间距:

    p.small {
      line-height: 0.8;
    }
    
    p.big {
      line-height: 1.8;
    }
    

    CSS 字间距 word-spacing

    word-spacing属性用于指定之间的空格文本中的字间距。

    p.one {
      word-spacing: 10px;
    }
    
    p.two {
      word-spacing: -2px;
    }
    

    CSS 空白 white-space

    white-space该属性指定如何处理元素内的空格不换行。

    p {
      white-space: nowrap;
    }
    

    相关文章

      网友评论

          本文标题:【CSS学习笔记12】-文本Text3

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