CSS里的单位

CSS中预设了16种颜色以及16种颜色的衍生色,这16种颜色是CSS规范推荐的。并且一些主流的浏览器都可以识别。例如以下表所看到的:
这里写图片描写叙述
十六进制颜色是最经常使用的定义方式。它的基本格式为#RRGGBB,R、G、B分别代表红绿蓝。

也可以用RGB(R,G,B)设置颜色。參数用0~255的十进制数表示

为保证页面元素可以在浏览器中依照合理布局全然显示,须要设置各个元素的间距以及元素本身的边框尺寸等,这些属性值都离不开长度单位的使用。


在CSS中。长度单位分为绝对单位和相对单位。


CSS主要包括下面5中绝对单位:

这里写图片描写叙述

相对单位是指在量度时须要參照其它页面元素的单位值。使用相对单位所量度的实际距离可能会随着这些单位值的改变而改变。


CSS提供了3中相对单位:

  • em用于给定字体的font-size值,比如。一个元素字体大小为12pt,那么1em就是12pt;
  • ex指所使用的字体中小写字母x的高度,比如Time New Roman中小写字母x,Arial中小写字母x。

    在实际应用中,ex的值等于em除以2的值。

    该单位计算比較麻烦,故不常使用

  • px是像素值的单位,在CSS中,90px=1in。

    但假设操作系统或浏览器支持不同。像素值的显示也不确定,所以用户可以适当的使用像素值。

posted @ 2016-04-03 13:55  zfyouxi  阅读(258)  评论(0编辑  收藏  举报