文本样式和文本的装饰

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;
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,047评论 1 4
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 一、文本标签 <em>和<strong> em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重...
    咻咻咻滴赵大妞阅读 1,324评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,094评论 0 1
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,182评论 0 0