zoukankan      html  css  js  c++  java
  • 6文本属性

    文本是内容,而字体用于显示这个内容。使用文本属性,可以控制文本相对于该行余下内容的位置、使其作为上标、加下划线,以及改变大小写等。

    text-indent属性可以使段落第一行文本缩进。值:<length>|<percentage>|inherit。可以为所用块元素应用font-indent,单无法将这个属性应用到行内元素,图像之类的替换元素上也无法应用text-indent属性。不过,如果一个块级元素(如段落)的首行中有一个图像,它会随着该行的其余文本移动。text-indent设置为负值时,为了避免文本超出浏览器,常常针对负缩进再设置一个外边距或一些内边距。text-indent可以使用所有长度单位(包括百分数值),百分数要相对于缩进元素父元素的宽度。

    text-align属性可以设置文本的对齐方式。left、right和center设置文本分别左对齐、右对齐和居中,justify设置文本两端对齐。text-align应用于块元素。<CENTER>元素不仅影响本文,还会把整个元素居中,如表,而text-align不会控制元素的对齐,而只影响其内部内容。

    line-height属性是指文本行基线之间的距离,而不是字体的大小。值:<length>|<percentage>|<number>|normal|inherit,百分数,em,ex都是相对于元素的字体大小的。默认的line-height一般是字体的1.2倍。line-height值从父元素继承时,要从父元素计算,而不是在子元素上计算。给line-height设置缩放因子时,各元素会根据其自己的font-size计算line-height,div {line-height: 1.5;}

    vertical-align属性可以设置垂直对齐文本,只应用于行内元素和替换元素,不能继承。vertical-align只接受8个关键字(baseline、sub、super、bottom、text-bottom、middle、top、text-top),一个百分数或一个长度值。百分数是相对于line-height值的。baseline要求一个元素的基线与其父元素的基线对齐。sub声明会使一个元素变成下标,这意味着其基线(或者这是一个替换元素,则是其底端)相对于其父元素的基线降低。super将元素的基线(或替换元素的底端)相对于父元素的基线升高。bottom将元素行内框的底端和行框的底端对齐,top的效果和bottom刚好相反。text-bottom将元素的底端和行内文本的底端对齐。middle往往(但并不总是)应用与图像。

    word-spacing属性可以设置一个正长度值或负长度值的字间隔。值:<length>|normal|inherit,默认值normal与设置值为0是一样的。“字”可以是任何非空白符字符组成的串,并由某种空白符包围。使用word-spacing属性可能会创建很不可读的文档。

    letter-spacing属性可以设置字母之间的间隔。值:<length>|normal|inherit,normal与0相同。可以使用letter-spacing来突出强调效果。

    word-spacing的值可能会受text-align属性值的影响。如果为letter-spacing指定一个长度值,字符间隔不受text-align影响,但是如果letter-spacing的值是normal,字符间距可能会改变。

    text-transform属性处理文本大小写。值:uppercase|lowercase|capitalize|none|inherit,uppercase和lowercase将文本转换为全大写或全小写字符,capitalize只对每个单词的首字母大写。

    text-decoration属性提供文本装饰,值:none|[underline||overline||line-through||blink]|inherit.none值会关闭原本应用到一个元素上的所有装饰。在一个规则中可以结合多种装饰。text-decoration属性不能继承,这意味着文本上画的任何装饰线与父元素的颜色相同,即使后代元素本身有其他颜色也是如此。

    text-shadow属性可以为文本增加阴影。每个阴影都由一个颜色和3个长度值来定义。前两个长度值确定了阴影与文本的偏移距离,第三个长度值可选,定义了阴影的“模糊半径”。

    white-space属性影响用户对源文档中的空格、换行和tab字符的处理。值:normal|nowrap|pre|pre-wrap|pre-line|inherit.preb会使浏览器注意额外的空格,设置回车。nowrap回防止元素中文本的换行,除非使用了一个br元素。pre-wrap,元素中的文本会保留空白符序列,但是文本行会正常地换行。

    direction属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向,以及两端对齐元素中最后一行的位置。

  • 相关阅读:
    Notes of Daily Scrum Meeting(12.18)
    Notes of Daily Scrum Meeting(12.17)
    Notes of Daily Scrum Meeting(12.16)
    Notes of Daily Scrum Meeting(12.8)
    Notes of Daily Scrum Meeting(12.5)
    Notes of Daily Scrum Meeting(12.3)
    Notes of Daily Scrum Meeting(11.12)
    Linux中profile、bashrc、bash_profile之间的区别和联系
    Linux GCC编译
    mysql 5.7.16 远程连接
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6140039.html
Copyright © 2011-2022 走看看