• CSS中的单位一览


    相对长度单位  Relative Length Units

    em
    说明:相对长度单位。相对于当前对象内文本的字体尺寸。
    如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
    示例:
    div { font-size : 1.2em; }

    ex
    说明:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。
    如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
    示例:
    div { font-size : 1.2ex; }

    px
    说明:相对长度单位。像素(Pixel)。
    像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
    示例:
    div { font-size : 12px; }


    绝对长度单位  Absolute Length Units

    pt
    说明:
    绝对长度单位。点(Point)。
    1in = 2.54cm = 25.4 mm = 72pt = 6pc
    示例:
    div { font-size : 9pt; }

    pc
    说明:
    绝对长度单位。派卡(Pica)。相当于我国新四号铅字的尺寸。
    1in = 2.54cm = 25.4 mm = 72pt = 6pc
    示例:
    div { font-size : 0.75pc; }

    in
    说明:
    绝对长度单位。英寸(Inch)。
    1in = 2.54cm = 25.4 mm = 72pt = 6pc
    示例:
    div { font-size : 0.13in; }

    cm
    说明:
    绝对长度单位。厘米(Centimeter)。
    1in = 2.54cm = 25.4 mm = 72pt = 6pc
    示例:
    div { font-size : 0.33cm; }

    mm
    说明:
    绝对长度单位。毫米(Millimeter)。
    1in = 2.54cm = 25.4 mm = 72pt = 6pc
    示例:
    div { font-size : 3.3mm; }



    颜色单位  Color Units Reference

    #RRGGBB
    参数:
    RR  : 红色值。十六进制正整数
    GG  : 绿色值。十六进制正整数
    BB  : 蓝色值。十六进制正整数

    说明:
    颜色单位。
    以上三个参数,取值范围为:00 - FF。
    参数必须是两位数。对于只有一位的,应在前面补零。
    如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为 #RGB 的方式。例如:#FF8800 可以缩写为 #F80。
    请参阅 附录:颜色表 。
    示例:
    div { color: #FF0000; }
    div { color: #F00; }

    rgb(R,G,B)
    参数:
    R  : 红色值。正整数 | 百分数
    G  : 绿色值。正整数 | 百分数
    B  : 蓝色值。正整数 | 百分数

    说明:
    颜色单位。
    以上三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。
    并非所有浏览器都支持使用百分数值。
    请参阅 附录:颜色表 。
    示例:
    div { color: rgb(132,20,180); }
    div { color: rgb(12%,200,50%); }

    Color Name
    说明:
    颜色单位。颜色名称。不同的浏览器会有不同的预定义颜色名称。请查看 附录:颜色表 。
    示例:
    div {color: red; }


    时间单位  Time Units Reference

    s
    说明:
    时间单位。秒。时间的国际主单位。
    1s = 1000 ms
    示例:
    div { pause-after: 2s; }
    div { pause-before: 2s; }

    ms
    说明:
    时间单位。微秒。
    1s = 1000 ms
    示例:
    div { pause-after: 2s; }
    div { pause-before: 2s; }

    角度单位  Angle Units Reference

    deg
    说明:
    角度单位。度。一个圆圈的360等分之一。
    示例:
    body { azimuth: 75deg }
    body { elevation: 75deg }

    grad
    说明:
    角度单位。梯度。一个直角的100等分之一。一个圆圈相当于400grad。
    示例:
    body { azimuth: 75grad }
    body { elevation: 75grad }

    rad
    说明:
    角度单位。弧度。把一个圆圈分成2*PI单位。
    示例:
    body { azimuth: 3rad }
    body { elevation: 5rad }

    频率单位  Frequency Units Reference

    kHz
    说明:
    频率单位。千赫。声波的基本单位。
    1kHz = 1000 Hz
    示例:
    strong { pitch: 8kHz }

    Hz
    说明:
    频率单位。赫兹。声波的基本单位。
    1kHz = 1000 Hz
    示例:
    strong { pitch: 75hz }

  • 相关阅读:
    超级英雄Hero
    2019 CSP-J 游记(CQ LNBS考场 的退役之战)
    一文梳理Web存储,从cookie,WebStorage到IndexedDB
    一文梳理同源策略与跨域技术
    一文梳理JavaScript中的this
    一文梳理JavaScript 事件循环(Event Loop)
    简单梳理JavaScript垃圾回收机制
    一文梳理JS事件
    src与href
    深入理解CSS定位—浮动模型
  • 原文地址:https://www.cnblogs.com/xiaoshi/p/870009.html
Copyright © 2020-2023  润新知