zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    [Lydsy1706月赛]大根堆
    某考试 T1 Function
    [SHOI2016] 随机序列
    某考试 T1 至危警告
    某考试 T2 yja
    bzoj1880 [Sdoi2009]Elaxia的路线
    bzoj1804 [Ioi2007]Flood 洪水
    bzoj4546 codechef XRQRS
    bzoj4547 小奇的集合
    bzoj1443 [JSOI2009]游戏Game
  • 原文地址:https://www.cnblogs.com/xiaobudiandian/p/2291479.html
Copyright © 2011-2022 走看看