zoukankan      html  css  js  c++  java
  • Study 6 —— 字体和段落属性

    字体风格
    {font-style:normal | italic | oblique | inherit
    字体复合属性
    {font:font-style font-variant font-weight font-size font-family}

    阴影文本
    text-shadow有四个属性值:
    第一个表示阴影的水平位移,可取正负值;
    第二个表示阴影的垂直位移,可取正负值;
    第三个表示阴影的模糊半径,不可为负值;
    第四个表示阴影的颜色值。语法如下:
    {text-shadow:length length opacity color}

    控制换行
    {word-wrap: normal | break-word}
    normal 允许内容顶开指定的边界
    break-word 内容将在边界内换行。

    单词间隔{word-spacing: normal | length}
    字符间隔{letter-spacing: normal | length}

    文字修饰
    {text-decoration: none | underline | blink | overline | line-through}
    none 默认值,对文本不进行任何修饰
    underline 下划线
    blink 闪烁
    overline 上划线
    line-through 删除线

    垂直对齐
    {vertial-aligh:属性值}
    垂直对齐方式属性值如下表:
    属性值 说明
    baseline 默认,元素放置在父元素的基线上
    sub 垂直对齐文本的下标
    super 垂直对齐文本的上标
    Top 把元素的顶端与行中最高元素的顶端对齐
    text-top 把元素的顶端与父元素字体的顶端对齐
    middle 把此元素放置在父元素的中部
    bottom 把元素的顶端与行中最低的元素的顶端对齐
    text-bottom 把元素的底端与父元素字体的底端对齐
    length 设置元素的堆叠顺序
    % 使用"line-height"属性的百分比值来排列此元素。允许使用负值

    水平对齐
    {text-align:属性值}
    水平对齐方式属性值如下表:
    属性值 说明
    start 文本向行的开始边缘对齐
    end 文本向行的结束边缘对齐
    left
    right
    center
    justify 文本根据text-justify的属性设置方法分散对齐。即两端对齐,均匀分布
    match-parent 继承父元素的对齐方式,但有个例外:继承的start或者end值是根据父元素的direction值进行计算的,因此计算的结果可能是left或者right
    <string> string是一个单个的字符,否则,就忽略此设置。按指定的字符进行对齐。如果没有设置字符,则默认是end方式。
    inherit 继承父元素的对齐方式

    文本缩进{text-indent:length}
    文本行高{line-height:normal | length}

    处理空白{white-space:属性值}
    属性值 说明
    normal 默认。空白会被浏览器忽略
    pre 空白会被浏览器保留
    nowrap 文本不会换行
    pre-wrap 保留空白符序列,但是正常的进行换行
    pre-line 合并空白符序列,但是保留换行符
    inherit 规定应该从父元素继承white-space属性的值

    文本反排
    unicode-bidi:normal | bidi-override | embed
    direction:ltr | rtl | inherit
  • 相关阅读:
    Openvswitch手册(6): QoS
    [转]linux VLAN配置(vconfig)
    [转]Understand QoS at OpenSwitch
    Openvswitch手册(5): VLAN and Bonding
    Openvswitch手册(4): Mirror
    Openvswitch手册(3): sFlow, netFlow
    Mysql主从复制(重置版)
    Mysql备份工具Xtrabackup
    Mysql用户管理
    Mysql备份工具mysqldump和mysqlhotcopy
  • 原文地址:https://www.cnblogs.com/vurtne-lu/p/7975927.html
Copyright © 2011-2022 走看看