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

  • 相关阅读:
    盘点直播带货平台开发基本功能
    直播软件开发科普之流媒体介绍
    直播平台搭建之音视频开发:认识主流视频编码技术H.264
    直播卖货系统如何搭建
    day27-反射
    day20---IO流概述
    《通货膨胀》学习感悟
    《小狗钱钱》阅读感悟
    有限状态机(finite state machine,FSM)
    verilog中的可综合逻辑和不可综合逻辑
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6140039.html
Copyright © 2011-2022 走看看