CSS 2.1 参考手册/属性数据类型

来自Blueidea
< CSS 2.1 参考手册
Missx讨论 | 贡献2007-11-16T16:04:57的版本 长度

跳转至: 导航搜索

数字和下面角度单位:

deg

度数

grad

梯度

rad

弧度

如果值为0,单位可以忽略,例如:“0 deg”可以写成“0”。


颜色

关键字或者数字型的RGB规范。

关键字:

aqua

aqua.gif

black

black.gif

blue

blue.gif

fuchsia

fuchsia.gif

gray

gray.gif

green

green.gif

lime

lime.gif

maroon

maroon.gif

navy

navy.gif

olive

olive.gif

orange

orange.gif

purple

purple.gif

red

red.gif

silver

silver.gif

teal

teal.gif

white

white.gif

yellow

yellow.gif

以下是用不同的方法实现红色:

em {color: red}
em {color: rgb(255,0,0)}
em {color: #f00}
em {color: #ff0000}
em {color: rgb(100%, 0%, 0%)}

计数器

计数器是用来跟踪由CSS动态生成的内容的编码轨迹。计数器用文章属性中的函数counter()或counters()创建。计数器可以用counter-increment属性逐渐增加。同时可以用counter-reset重置

这个案例显示怎么创建一个名称为“para”的计数器,可以让其在文章段落前面插入大写的罗马字母,并且后面跟着点和空格字符。

p:before {content: counter(para, upper-roman) ". "}
p {counter-increment: para}

频率

正数和下面的频率单位表示:

Hz

赫兹

kHz

千赫兹

如果值为0,单位可以忽略,例如:“0 Hz”可以写成“0”。

标识符

一个包含字母(a-z或者A-Z),数字(0-9),连字符(-) 和/或 下划线(_)的名称。该名称不能由数字或连字符后加数字开头。

整数

一个整数值。有时候在前面用“-”符号表示负数:

0
10
-5

长度

数字后面跟着以下长度单位:

em

文字的font-size

ex

根据字体的 x-height 来定义字体的大小。

px

像素,大小与浏览的设备相关。

in

英寸 - 1英寸等于2.54厘米。

cm

厘米。

mm

毫米。

pt

磅 - 在CSS 2.1里面1磅等于1英寸的1/72。

pc

Picas - 1 pica 等于 12 磅。
长度应用于水平或者垂直度量。

数字

加上小数的十进制数字值,有时候在这个之前加上“-”表示负值:

2.5

百分比

跟着“%”的数字,例如:

120%

字符串

写在单引号或双引号中的文字:

"Hello World!"
'Hello World!'
"I'm here"
'Jack said "Hello"'

双引号不能出现在双引号中,只能用 \" 或者\22 :

"Jack said \"Hello\""
"Jack said \22Hello\22"

单引号不能出现在单引号中,只能用 \" 或者\27 :

'I\'m here'
'I\27m here'

时间

正数加上一个如下的时间单位:

ms

毫秒

s

如果值为0,单位可以忽略,例如:“0 s”可以写成“0”。

网址

URL必须写成url(X)的格式,其中X可以是包含在单引号或双引号中的URL:

url(http://xhtml.com/images/logo.gif)
url('images/logo.gif')
url("logo.gif")

原帖地址:http://xhtml.com/en/css/reference/property-data-types/