zoukankan      html  css  js  c++  java
  • 解读CSS文本(text)样式

    通过文本属性,您可以改变文本的颜色、字符间距、对齐文本、装饰文本、文本缩进,等等。

    color

    该属性用于改变文本的颜色,注意区分background-color。

    Line-height:

    该属性用于控制文本的行间距。

    text-indent:

    这个属性最常见的用途是将段落的首行缩进,以方便地实现文本缩进,通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值,如果使用的是百分数,相对于缩进元素父元素的宽度。一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性。不过,如果一个块级元素(比如段落)的首行中有一个图像,它会随该行的其余文本移动。text-indent 属性可以继承。

    text-align

    该属性会影响一个元素中的文本行互相之间的对齐方式,西方语言都是从左向右读,所有 text-align 的默认值是 left。值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中,而值justify是两端对齐,值inherit  规定应该从父元素继承 text-align 属性的值。但是任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    word-spacing

    该属性可以改变字(单词)之间的标准间隔,其默认值 normal 与设置值为 0 是一样的。word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近。

    letter-spacing

    该属性控制字母间隔,字母间隔是字符或字母之间的间隔。

    text-transform

    该属性是字符转换属性,共有四个值none(不改动)、uppercase(大写)、lowercase(小写)、capitalize(每个单词的首字母大写)。

    text-decoration

    该属性是文本装饰属性,共有五个值。underline 会对元素加下划线,就像 HTML 中的 U 元素一样。overline 的作用恰好相反,会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线,等价于 HTML 中的 S 和 strike 元素。blink 会让文本闪烁,类似于 Netscape 支持的颇招非议的 blink 标记。none 值会关闭原本应用到一个元素上的所有装饰。通常,无装饰的文本是默认外观,但也不总是这样。例如,链接默认地会有下划线。如果您希望去掉超链接的下划线,可以使用以下 CSS 来做到这一点。

    white-space

    该属性用于控制文本中的空白符和换行,当值为normal则丢掉多余的空白符,换行字符(回车)会转换为空格,一行中多个空格的序列也会转换为一个空格。当值为pre,空白符的处理就有所不同,其行为就像 XHTML 的 pre 元素一样;空白符不会被忽略。但经测试,IE 7 以及更早版本的浏览器不支持该值。当值是 nowrap,它会防止元素中的文本换行,除非使用了一个 br 元素。

    direction

    该属性控制文本的方向,有两个值:ltr 和 rtl。大多数情况下,默认值是 ltr,显示从左到右的文本。如果显示从右到左的文本,应使用值 rtl。

  • 相关阅读:
    adb devices检测不到夜神模拟器
    adb devices检测不到夜神模拟器
    adb devices检测不到夜神模拟器
    epoll里面mmap释疑
    epoll里面mmap释疑
    epoll里面mmap释疑
    epoll里面mmap释疑
    Redis数据迁移的三个方法
    Redis数据迁移的三个方法
    MySQL:由USE DB堵塞故障引发的思考
  • 原文地址:https://www.cnblogs.com/cleverlee/p/5027845.html
Copyright © 2011-2022 走看看