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

  • 相关阅读:
    FZU 2112 并查集、欧拉通路
    HDU 5686 斐波那契数列、Java求大数
    Codeforces 675C Money Transfers 思维题
    HDU 5687 字典树插入查找删除
    HDU 1532 最大流模板题
    HDU 5384 字典树、AC自动机
    山科第三届校赛总结
    HDU 2222 AC自动机模板题
    HDU 3911 线段树区间合并、异或取反操作
    CodeForces 615B Longtail Hedgehog
  • 原文地址:https://www.cnblogs.com/xiaobudiandian/p/2291479.html
Copyright © 2011-2022 走看看