Question

• CSS 文本属性复习
  • white-space ：对象内空格的处理方式
    • nowrap 控制文本不换行
    • pre 空白会被浏览器保留
    • pre-line 合并空白 保留换行符
    • pre-wrap 保留空白 正常换行
  • direction ：文本流的方向
    • ltr 文本从左向右
    • rtl 文本从右往左
  • unicode-bidi ：用于同一个页面里存在从不同方向读进的文本显示。与 direction 属性一起使用
• CSS3 新增文本属性
  • color:rgba() ;
  • text-overflow :是否使用一个省略标记（…）标示对象内文本的溢出
  • text-align :文本的对齐方式
  • text-transform :文字的大小写
  • text-decoration :文本的装饰线，复合属性
  • text-shadow :文本阴影
  • text-fill-color :文字填充颜色
  • text-stroke :复合属性。设置文字的描边
  • tab-size :制表符的长度
  • word-wrap :当前行超过指定容器的边界时是否断开转行
  • word-break :规定自动换行的处理方法

• text-overflow: 是否使用一个省略标记（ ... ）标示对象内文本的溢出
  • clip ： 默认值 无省略号
  • ellipsis ：当对象内文本溢出时显示省略标记（ ... ）。
  • 注意 ：该属性需配合 over-flow:hidden 属性（超出处理) 还有 white-space:nowrap (禁止换行) 配合使用，否则无法看到效果
• text-align :文本的对齐方式
  • css1
  • left :默认值 左对齐
  • right :右对齐
  • center :居中
  • justify ： 内容两端对齐。
  • css3
  • start :开始边界对齐
  • end :结束边界对齐
• text-transform :文字的大小写
  • css1
    • none ： 默认值 无转换
    • capitalize ： 将每个单词的第一个字母转换成大写
    • uppercase ： 转换成大写
    • lowercase ： 转换成小写
  • css3
    • full-width ： 将左右字符设为全角形式。不支持
    • full-size-kana ：将所有小假名字符转换为普通假名。不支持
      • 例如：土耳其语
• text-decoration :文本的装饰线，复合属性（只火狐支持)
  • text-decoration-line ：
    • 指定文本装饰的种类。相当于 CSS1 时的 text-decoration 属性
  • text-decoration-style ：
    • `指定文本装饰的样式。
  • text-decoration-color ：
    • `指定文本装饰的颜色。
  • blink ： 指定文字的装饰是闪烁。 opera 和 firefox
  • text-decoration : #F00 double overline CSS3 实例
• text-shadow :文本阴影
  • 取值： x y blur color ,……
    • x 横向偏移
    • y 纵向偏移
    • blur 模糊距离（灰度)
    • color 阴影颜色
• text-fill-color :文字填充颜色
• text-stroke :复合属性。设置文字的描边
  • text-stroke-width :文字的描边厚度
  • text-stroke-color :文字的描边颜色
• tab-size :制表符的长度
  • 默认值为 8 (一个 tab 键的空格字节长度)，在 pre 标签之内才会有显示
• word-wrap :当前行超过指定容器的边界时是否断开转行
  • normal ： 默认值
  • 允许内容顶开或溢出指定的容器边界。
• break-word ：
  • 内容将在边界内换行。如果需要，单词内部允许断行