css3学习 理论之文本

1. text-shadow,在css3中被重新定义,增加了不透明度效果。

例如:text-shadow: 1px 1px 1px #333;第一个值表示水平偏移,第二个值表示垂直偏移,第三个值表示模糊半径(可选),第四个值表示阴影的颜色(可选)。

还可以接受一个以逗号分隔的阴影效果列表。

例如:text-shadow: 0.2em 0.5em 0.1em #600,

                             -0.3em 0.1em 0.1em #060,

                             0.6em -0.3em 0.1em #006

2. text-overflow,溢出文本省略,属性值可以是clip,ellipsis,ellipsis-eord,意思分别是 剪切,显示省略标记放在 最后一个字符的位置,显示省略标记放在 最后一个词的位置。

要想实现这种效果,还需要在定义两个样式:white-space:nowrap; over-flow:hidden;第一个强制文本在一行内显示,第二个表示溢出内容隐藏。

例如:white-space:nowrap; over-flow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;/*兼容Opera*/-moz-binding:url('ellipsis.xml#ellipsis');/*兼容Firefox*/

3. word-wrap,文本换行,值可以是noraml,break-word(内容将在边界内换行)。

4. text-align,值可以是start,end,left,right,center,justify,<string>;start 和 end主要是针对行内元素的,在包含元素的头部或者尾部显示,而string则是主要应用于表格单元格中,将根据某个指定的字符进行对齐。

5. text-align-last,最后一行文本的对齐方式,值可以是start,end,left,right,center,justify

其他的还有很多,这里只列举出来,不做详细解释了。

white-space-collapse,white-space,word-break,text-wrap,text-justify,word-spacing,letter-spacing,punctuation-trim,text-emphasis,text-outline,text-indent,hanging-punctuation

原文地址:https://www.cnblogs.com/xiaobudiandian/p/2291479.html