css需要单位来度量。内含整数、小数、百分数的情况,很多条件下支持正负的情况,当然是有限制的了。百分数基本是相对于自身、或是父或是祖先元素的某个属性值。

颜色   

     颜色的表示分为:命名颜色、rgb、十六进制、hsl。css2有16中颜色,css2.1有17种,css3有147种。这140种色基于x11 rgbb标准值,支持较好,但问题是还是不够细腻。

rgb:以前的显示器基于crt的方式,依靠电子枪的能量来控制颜色。发光原理不同于一般的靠反射波长达人的眼睛,而是直接发光到眼睛,所以rgb(0,0,0)是黑色,rgb(255,255,255)是白色。基本分为:整数三元组、百分数三元组。整数范围是0~255,百分数为)-100%且支持小数。问题是,若发生了越界的情况时会将其裁剪为最近的值。如:266变为255,-23换算为0。百分数与整数的转化是靠百分数乘以255然后转化为最接近的整数。

十六进制:该方式是对rgb整数的转化,与整数方式没有什么区别.将各位转化为对应的十六进制数就行.

web安全色:256色显示系统为了防止颜色抖动而采取的特定颜色。百分数为:0%、或是20%的倍数,整数是0,或是51的倍数。十六进制是:00 33 66 99 cc ff的组合方式。

长度

    长度单位是:绝对长度单位和相对长度单位。绝对长度单位多与印刷打印行业有关,含:in mm cm pt(1/72 in) pc(1/6 in)等。

相对长度单位:em、ex、px。与分辨率等有关,也与元素有关系。em相对于某元素的font-size来定,可能是本身,可能是父元素。ex是字体的小写x高度,通常是0.5em。 px与分辨率有关系。

url

只需注意,相对url是针对自身文档的,而非html的位置。当然相对url要求同域。

关键字

主要是inherit可以显示的指定继承的值。

css单位和值的更多相关文章

  1. 七个你可能不了解的CSS单位

    我们很容易无法摆脱的使用我们所熟悉的CSS技术,当新的问题出现,这样会使我们处于不利的地位. 随着Web继续的发展,对新的解决方案的需求也会继续增大.因此,作为网页设计师和前端开发人员,我们别无选择, ...

  2. css学习の第五弹—单位和值

    一. >>1.颜色表示方法总结: 1.英文命令颜色 前面几个小节中经常用到的就是这种设置方法: p{color:red;} 2.RGB颜色 这个与 photoshop 中的 RGB 颜色是 ...

  3. 你可能没注意的CSS单位

    扶今追昔 CSS中的单位我们经常用到px.pt.em.百分比,px和pt不用多说 em em是相对单位,参考物是父元素的font-size,具有继承的特点 如果字体大小是16px(浏览器的默认值),那 ...

  4. css单位盘点

    css单位有:px,em,rem,vh,vw,vmin,vmax,ex,ch 等等 1.px单位最常见,也最直接,这里不做介绍. 2.em:em的值并不是固定,它继承父级元素的字体大小,所以层数越深字 ...

  5. 转载:你可能没注意的CSS单位

    出自:http://www.cnblogs.com/dolphinX/p/4097693.html 扶今追昔 CSS中的单位我们经常用到px.pt.em.百分比,px和pt不用多说 em em是相对单 ...

  6. css单位分析、颜色设置与调色板

    CSS单位分析 px:单位代表像素,1px代表一个像素点. %:设置子元素为父容器的占比. em:代表该元素中一个字体所占字符,常用在文字首行缩进.其具有继承性. rem:始终代表html中的字符所在 ...

  7. CSS:CSS 单位

    ylbtech-CSS:CSS 单位 1.返回顶部 1. 尺寸 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸. 2em 等于当前字体尺寸的两倍. 例如, ...

  8. rem — 一个低调的css单位

    原文  http://www.zhaoan.org/1825.html rem这是个低调的 css 单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃 ...

  9. css单位中px和em,rem的区别

    css单位中分为相对长度单位.绝对长度单位. 今天我们主要讲解rem.em.px这些常用单位的区别和用法. px(绝对长度单位) 相信对于前端来说px这个单位是大家并不陌生,px这个单位,兼容性可以说 ...

随机推荐

  1. Protobuf完整实例

    地址: http://pan.baidu.com/s/1gfLLavD 密码: v7u9 下载,打开,运行,即可.

  2. android开发工具类总结(一)

    一.日志工具类 Log.java public class L { private L() { /* 不可被实例化 */ throw new UnsupportedOperationException ...

  3. UIViewController控制器的生命周期

    视图控制器就是用来管理iOS程序中的视图,默认一个UIViewController为我们提供了一个视图UIView  我们称为根视图 - (instancetype)init{ if (self = ...

  4. 预载入和JavaScript Image()对象

    预载入和JavaScript Image()对象 很多high-res图像真的可以使 Web 站点更加整洁.但是它们也会使站点的访问速度变慢——图像是文件,文件使用带宽,带宽直接与等待时间相关.是该了 ...

  5. java之集合类框架的简要知识点:泛型的类型擦除

    这里想说一下在集合框架前需要理解的小知识点,也是个人的肤浅理解,不知道理解的正不正确,请大家多多指教.这里必须谈一下java的泛型,因为它们联系紧密,我们先看一下这几行代码: Class c1 = n ...

  6. hibernate总结一

    在hibernate中查询使用List,Map和类对象定制返回类型   在使用hibernate进行查询时,使用得最多的还是通过构建hql进行查询了.在查询的过程当中,除使用经常的查询对象方法之外,还 ...

  7. 龙芯3A上V8的编译与测试

    使用平台: loongson3a+debian6.0.3+linux2.6.36.3+gcc4.6.3 一: V8的下载 这里V8是从其官网上使用git下载的: (1)如果没有git和git-svn需 ...

  8. 关于jquery对象和DOM对象的区别

    这个问题的出现是因为自己对jquery不够了解,只会获取简单的Demo,做简单的操作,将jquery的很多方法和js中的混淆,以为js中的很多方法,在jquery中也可以使用,这是完全错误的理解! 所 ...

  9. MYSQL插入处理重复键值的几种方法

    当unique列在一个UNIQUE键上插入包含重复值的记录时,默认insert的时候会报1062错误,MYSQL有三种不同的处理方法,下面我们分别介绍. 先建立2个测试表,在id列上创建unique约 ...

  10. 基于java的InputStream.read(byte[] b,int off,int len)算法学习

    public int read(byte[] b, int off, int len) throws IOException 将输入流中最多 len 个数据字节读入字节数组.尝试读取多达 len 字节 ...