CSS学习之第三章:单位和值

颜色

命名颜色

规范中推荐了16种命名颜色,主要包括如下:

aqua(水绿)、gray(灰)、navy(深蓝)、silver(银)、black(黑)、green(绿)、olive(橄榄)、teal(深青)、blue(蓝)、lime(浅绿)、purple(紫)、white(白)、fuchsia(紫红)、maroon(褐)、red(红)、yellow(黄)。

RGB颜色

计算机通过组合不同级别的红、绿、和蓝色来产生新的颜色,这就是通常所说的RGB颜色。

有四种方法可以定义RGB颜色。

一、百分比颜色

rgb{100%,100%,100%}

设定百分比颜色的语法为:rgb{color},这里color有两种方法来指定,第一种就是用百分比,另一种用数字。

二、数字颜色

与百分比颜色相关的另一种方法是采用数字方法。数字范围从0到255,即rgb(0,0,0)代表黑色,而rgb(255,255,255)表示白色。

三、十六进制颜色

十六进制意味着以十六为基数的计数,因此基本单位是16。如:#RRGGBB。

四、短十六进制颜色

例:H1{color: #000;}

它所表示的十六进制颜色#000000,写成三位来表示是因为浏览器能够复制它们。如:#F96即为:#FF9966。

网络安全颜色

所谓安全颜色指所有的RGB颜色值都为20%或51的倍数的那些颜色,当然十六进制为33。0%和0也是安全值。对于十门进制对,相应的值为00、33、66、99、CC和FF。也就是说0、3、6、9、C、F都是短十六进制值的安全值。


长度单位

所有长度单位都可以通过正数或负数来表达,后面再跟上一个说明性短语。长度单位分为两类:绝对单位和相对单位。

绝对单位

绝对单位又分为五种类型,分别是:英寸(in)、厘米(cm)、毫米(mm)、磅(pt)。

相对长度单位

EM和EX

在CSS中,一个"em"就是给定字体的font-size值,因此如果某个元素的字体尺寸为14个磅,那么对这个元素来说,一个“em”就同14个磅一样。换句话说,不管将字体尺寸设成什么,它总是这个元素1em的值。对于一个18磅文本的段落来说,1em的长度就为18磅。

EX是指所使用的字体中小写字母x的高度。所以在不同字体的24磅大小的文本段落里,ex的值是不一样的。

像素

在监视器上,能看见它被分成非常细小的小方格,每个小方格主浊一个像素。

综合上述,实际应用中最常用的单位主要是em和px。

百分比值

百分比值总是通过另一个值来计算的——通常是一个长度单位。

URL

统一资源定位器。在CSS中的格式为url(pathname)。在CSS的应用主要如下:

@import url(http;//bbs.bz163.net/css/style.css);

body{background-image:url(images/logo.gif);}

在声时URL时,大括弧之间不能有空格。

CSS2中的长度单位

角度值

用于定义发出声音的位置。有三种类型的角度:度(deg)、梯度(grad)和孤度(rad)。例如一个直解就是90 dag,100grad或1.57rad;每种值都可以翻译成0度到360度中的值。

时间值

用于指明语音元素间的延迟,可以是毫秒(ms)或秒(s)。100ms和0.1s等价。时间值不能为负。

频率值

用于指定语音浏览器能够产生声音的频率。频率值可以是赫兹(Hz)和兆赫(mHz),不能为负,区分大小写。

阅读更多
个人分类: CSS
上一篇CSS学习之第二章《选择符与结构》(5)
下一篇海量数据库的查询优化及分页算法方案
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭