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

  • 相关阅读:
    Hibernate笔记——(ONE TO ONE)一对一
    Hibernate笔记——第一个简单实例
    Hibernate笔记——Hibernate介绍和初次环境配置
    JavaWeb笔记——ajax异步请求
    Spring笔记——Spring+JDBC组合开发
    Spring笔记——使用Spring进行面向切面(AOP)编程
    Spring笔记——依赖注入
    Java笔记——面向切面编程(AOP模式)
    Spring笔记——Spring框架简介和初次框架配置
    Java产生随机数
  • 原文地址:https://www.cnblogs.com/xiaobudiandian/p/2291479.html
Copyright © 2011-2022 走看看