非零基础自学前端最后一遍 一 HTML+CSS 6 CSS属性-文本 6.2 文本属性-text-transform和indent

系统管理员 2024-03-25 10:16 161阅读 0赞

非零基础自学前端最后一遍

文章目录

      • 非零基础自学前端最后一遍
      • 一 HTML+CSS
      • 6 CSS属性-文本
        • 6.2 文本属性-text-transform和indent
          • 6.2.1 text-transform(一般)
          • 6.2.2 text-indent(一般)

在这里插入图片描述

一 HTML+CSS

6 CSS属性-文本

6.2 文本属性-text-transform和indent
6.2.1 text-transform(一般)

  • text-transform用于设置文字的大小写转换

    • Transform单词是使变形/变换(形变);

  • text-transform有几个常见的值:

    • capitalize：(使…首字母大写, 资本化的意思)将每个单词的首字符变为大写

      在这里插入图片描述

    • uppercase：(大写字母)将每个单词的所有字符变为大写

      在这里插入图片描述

    • lowercase：(小写字母)将每个单词的所有字符变为小写

      在这里插入图片描述

    • none：没有任何影响

      在这里插入图片描述

  • 实际开发中用JavaScript代码转化的更多.
6.2.2 text-indent(一般)
  • text-indent用于设置第一行内容的缩进
  • text-indent: 2em; 刚好是缩进2个文字

在这里插入图片描述

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读