网站制作的CSS样式属性值
作者：佚名 时间：2014-03-12
网站的CSS样式属性
CSS规范的核心是众多属性，使用这些属性便可以控制能够识别样式的浏览器如何向用户展现文档。该标准将网站的这些属性收集在一起分为6组：字体、颜色和背景、文本、框和布局、列表以及标签分类。我们制作网站时将继续遵照这种分类，在介绍这些属性本身之前，要先看一下样式属性值。
样式属性值：
多数属性都为文档的某种特征设定了一个值，由浏览器将其表现出来;例如，某字体字符的大小，或二级标题的颜色等。描述样式语法时，在属性的关键字后面使用冒号（:）和一个或多个用空格或逗号分隔的数字，或者跟随与值相关的关键字，就可以为CSS属性赋值。例如：
color: bluefont-family: Helvetica, Univers, sans-serifcolor和font-family是这两个样式示例中的属性；blue和各种用逗号分隔的字体名称分别是它们的值。
属性值共有8类：关键字、长度值、百分比值、URL、颜色、角度、时间和频率。
关键词属性值
属性可能会有一个表示动作或方向的keyword值。例如，underline和line-through的效果明显为属性值。small和xx-large等关键字也可以用来表示属性尺寸。一些关键字甚至是相关的：例如，bolder值也可以用于font-weight属性。关键字值对大小定并不敏感：Underline,UNDERLINE和underline都是可接受的关键字值。
长度属性值
长度属性值
所谓length(长度)值（CSS标准的术语）明确设定了属性的大小。它们也是数字，其中有些还带有小数。长度值的前面可能会有一个加号（+）或减号（-），来表示这个值是要添加到属性的当前值中，不是要从中减去该值。长度值后面必须紧随一个以两个字母为单位的缩写词，而且中间不能有空格。长度值单位共有三种：相对、像素和绝对。相对单位指定的大小是相对于内容中其他某些属性值的大小而言的。目前只有两中相对单位；em,它是当前字体中小写字母的宽度；X-height，它是当前字体中小写字母X的高度（缩写为ex）。
像素是彩色光形成的小圆点，它们组成了计算机显示屏上的屏幕文字和图像，以及电视上的图像。像素单位简写为px，它等于一个像素的大小，所以可以通过横竖所用的像素来表示某些属性的大小。
绝对属性值单位对我们所有人来说则更为熟悉。其中包括英寸（缩写为in）、厘米（cm）、毫米（mm）、磅（pt,1英寸的72分之一）和picas(pc，12磅)。
百分比属性值
与相对长度值类似，百分比数值描述的是相对于内容其他方面的比例。它有一个可选符号，说明它可以添加到该属性的当前值中，或者从中减去该值；当前数字值还可以有小数部分。百分比数值必须有百分号（%）后缀。例如：
line-height: 120%
这行代码表示行间距为目前行高的120%（通常相对于文字的字体高度而言）。注意这个值不是动态的；在浏览器已经处理这条规则后，对字体高度的改变不会影响计算好的行高。
url属性值
有些属性也可以接受将URL作为值，除非特别说明。CSS的URL属性值所有的语法与用于HTML/XHTMl的语法不同；
url(serevice:server.com/pathname)
使用css属性时，关键字url是必需的，开始和结束的圆括号也是必需的。在url和开始括号之间不要留有空格。url值可以包含一个绝对url，也可以是一个相对url。然而，要注意url相对于样式表的url。这表示如果在文档级和内联样式中使用url值，url就相对于包含样式文档的上HTML文档。否则，url就相对于@import 或链接的外部样式表的URL。
颜色属性值
颜色值指定了属性中的颜色。我们可以像HTMl/XHTML普通属性中一样，将颜色指定为颜色名或十六进制RGB组合，或者指定为专用样式属性的十进制RGB组合。
在使用CSS时，也可以为某种颜色的红、绿、蓝（RGB）成分只分配一个十六进制数字，而不是两个数字。然后加倍使用该数字便可以创建一个常规的6个数字组合。这样，颜色#78与#7788cc就是等同的。总体来说，三个数字的颜色值仅适用于简单的颜色。
十进制RGB组合符号则是独一无二的：
rgb(red,green,blue)red、green和blue亮度值是0~255范围内的十进制整数或整数百分数。与URL值一样，在rgb和开始括号之间不要留任何空格。例如，在十进制RGB约定中，白色是rgb（255，255，255）或者rgb(100%,100%,100%),中黄色是rgb(127,127,0)或者rgb(50%,50%,0)。
角度、时间和频率属性值
少数属性需要某个值来表示角度，如指南针的指向。这些属性采用的是数字值，其后跟有单位deg（度）、grad(等级)或rad（弧度）。同样，将时间值也表示为数字，其后跟随ms（毫秒）或s（second，秒）单位。
最后，频率值是其后跟有Hz（赫兹）或KHZ(千赫兹)的数值。有趣的是，没有相应的mHz（兆赫兹）单位，因为css中的频率指的是音频（不是电视）、视频广播或其他电磁波频率。（本文由上海联楷建网站公司提供）
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7332.html
