当前位置:Gxlcms > html代码 > CSS单位_html/css_WEB-ITnose

CSS单位_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:66人阅读

数字

  CSS有两种数字:整数和实数(小数)

百分数

  百分数总是相对于一个值而言


颜色

【1】关键字
  17种合法命名颜色(标准颜色):

    aqua/fuchsia/lime/olive/red/white/black/gray/maroon/orange/silver/yellow/blue/green/navy/purple/teal
  [注意]浏览器支持140种颜色


【2】RGB模式

  rgb(x%,y%,z%)或者rgb(a,b,c)

  [注意1]a、b、c的范围在(0-255)

  [注意2]若数值小于最小值0,则默认调整为0;若数值大小最大值255,则默认调整为255


【3】16进制模式

  #abcdef

  [注意]若16进制的3组数各自成对,则可简写为3位

  #aabbcc <=> #abc  //红色 red <=> rgb(255,0,0) <=> rgb(100%,0,0) <=> #ff0000 <=> #f00

【补充】

  web安全颜色是指在256色计算机系统上总能避免抖动的颜色,表示为RGB值20%和51(相应的16进制值为33)的倍数。因此,采用16进制时,使用00\33\66\99\cc\ff认为是Web安全色。


长度

  所有长度单位后面都有一个两字母缩写,它表示所指定的具体长度单位(长度为0时,不需要跟单位)


  【1】绝对长度单位
    英寸(in)
      [注意]1英寸 <=> 2.54厘米 <=> 72点 <=> 6派卡
    厘米(cm)
    毫米(mm)
    点(pt)
    派卡(pc)


  【2】相对长度单位
    em -> em-height 表示一种给定字体的font-size值
    ex -> x-height 表示所用字体中小写x的值,但实际中一般取em值的一半
    像素(px) -> 表示计算机显示器上的一个点,点的大小取决于显示设备的分辨率

URL

  URL分为绝对URL和相对URL,URL和开始括号之间不能有空格。如果存在空格,则整个声明都无效。

url("test.jpg")

人气教程排行