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

    text-indent(缩进文本):只能应用于块级元素,不能用于行内元素,常用于将段落首航缩进;

    text-align(水平对齐):影响一个元素中的文本行相互之间的对齐方式;

    text-align:center与<CENTER>的区别:<CENTER>不仅影响文本,还会把整个元素居中,但text-align不会控制元素对齐,只影响其内部内容;

    一个元素的行间距 = line-height的计算值 - font-size的计算值,行间距有可能是负值,除以2将行间距的一半分别应用到内容区的顶部和底部,就是该元素的行内框;

    垂直对齐文本:vertical-align只应用于行内元素和替换元素,如图像表单元素,且该属性不能继承;

    基线对齐:vertical-align:baseline要求一个元素的基线与其父元素的基线对齐;

    底框对齐:vertical-align:bottom将元素行内框的底端与行宽的底端对齐;

    居中对齐:vertical-align:middle把行内元素的中点与父元素基线上方0.5ex处的一个点对齐;

    字间隔:word-spacing;

    字母间隔:letter-space;

    文本转换:text-transform:uppercase | lowcase | capitalize(只对每个单词的首字母大写) | none | inherit;

    文本装饰:text-decoration:none |[ underline || overline || line-through || blink ]|,希望既有上划线又有下划线:a:link{text-decortion:underline overline};

    文本阴影:text-shadow:none | [ <color> || <length> <length> <length>?,]* [ <color> || <length> <length> <length>?] | inherit,前两个长度值确定了阴影

           与文本的偏移距离,第三个长度值可选,定义了阴影的模糊半径,如:text-shadow : green 5px 0.5em

    处理空白符:white-space:normal | nowrap | pre | pre-wrap | pre-line | inherit

    空白符 换行符 自动换行
    pre-line 合并 保留 允许
    normal 合并 忽略 允许
    nowrap 合并 忽略 不允许
    pre 保留 保留 不允许
    pre-warp 保留 保留 允许

    文本方向:direction:ltr(left to right) | rtl | inherit,影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向,以及两端元素中最后一行的位置。

  • 相关阅读:
    @resource、@Autowired、@Service在一个接口多个实现类中的应用
    java 中 静态块的作用
    数组、List和ArrayList的区别
    C#优化
    Net XML操作
    Asp.Net MVC+EF+三层架构的完整搭建过程
    C#多线程
    算法
    详解java中的byte类型
    虚幻4蓝图编译剖析(三)
  • 原文地址:https://www.cnblogs.com/xyddm/p/9289669.html
Copyright © 2011-2022 走看看