zoukankan      html  css  js  c++  java
  • 学习css之文本属性

    css3之文本属性:  

    1、缩进和水平对齐:text-indent,

    通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。

    这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进6 em:p {text-indent:6em;}

    text-indent 属性可以继承.

    2、水平对齐:text-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式。

    取值范围:{left:把文本排列到左边。默认值:由浏览器决定;

          right:把文本排列到右边。;

          center:把文本排列到中间;

          justify:实现两端对齐文本效果。;

          inherit:规定应该从父元素继承 text-align 属性的值。}

    text-align:center 与 <CENTER>区别----您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。

    <CENTER> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。

    text-align:justify----在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。您也许已经注意到了,两端对齐文本在打印领域很常见。

    3、字间隔:word-spacing属性,指定单词之间的标准间距。取值范围:{normal = 0。x:用户设置。inherit:继承}。

    4、字母间隔:letter-spacing属性,修改字母或者字符之间的间隔。取值范围和字间隔一样。

    5、文本转换:text-transform属性,处理文本的大小写。取值范围:{none:不做处理,uppercase:将文本转为全大写,lowercase:将文本转为全小写,capitalize:只对首字母转化为大写}。

    6、文本 装饰:text-decoration属性,取值范围:{none--没有,underline--加下划线,overline--上划线,line-through--贯穿线,blink---让文本闪烁}。

    7、处理空白符:white-space属性,影响到用户代理对源文档中的空格、换行和tab字符的处理。取值范围:{

        none:合并空白符,忽略换行符,自动换行;

        pre-line:合并空白符,保留换行符,自动换行;

        nowrap:合并空白符,忽略换行符,不允许自动换行;

        pre:保留空白符,保留换行符,不允许自动换行;

        pre-wrap:保留空白符,保留换行符,允许自动换行;

    }。

    8、文本方向:direction属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的。ltr 和 rtl。大多数情况下,默认值是 ltr,显示从左到右的文本。如果显示从右到左的文本,应使用值 rtl。

    9、文本颜色:color属性,设置文本颜色,值可取正确颜色值。

    10、文本阴影(css3):text-shadow属性,能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色,如:text-shadow: apx bpx cpx #FF0000;a:代表水平阴影;b代表垂直阴影;c代表模糊距离,最后代表颜色,这个三个值之间没有逗号,只是空格哦。

    11、自动换行(css3):word-wrap属性,单词太长的话就可能无法超出某个区域,在 CSS3 中,word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分,取值范围:{break-word}

    13...css3,对css文本属性又添加11个等,这里就不先不写了

  • 相关阅读:
    express前后端分离session的使用
    wampserver2.5局域网IP访问配置
    wamp的HTTPS配置
    wampserver2.5局域网公网IP访问配置
    WampServer的安装
    Node.js的安装与使用-Windows系统
    外网连接Mysql云数据库
    ajax连接服务器框架
    servlet连接mysql数据库和oracle数据库
    c++的第一个程序-Helloworld
  • 原文地址:https://www.cnblogs.com/enternal07/p/4869955.html
Copyright © 2011-2022 走看看