“CSS 2.1 参考手册/属性数据类型”的版本间的差异

来自Blueidea
跳转至： 导航、 搜索
（增加新页面）
 
（→‎长度）
 
（未显示同一用户的17个中间版本）
第1行： 第1行：
−
==角==
+
==角==  
 +
数字和下面角度单位：
 +
 
 +
deg
 +
:度数
 +
grad
 +
:梯度
 +
rad
 +
:弧度
 +
 
 +
如果值为0，单位可以忽略，例如：“0 deg”可以写成“0”。
 +
 
 +
 
 +
 
 
==颜色==
 
==颜色==
−
==计数==
+
关键字或者数字型的RGB规范。
 +
 
 +
关键字：
 +
 
 +
aqua
 +
 
 +
[[image:aqua.gif]]
 +
 
 +
black
 +
 
 +
[[image:black.gif]]
 +
 
 +
blue
 +
 
 +
[[image:blue.gif]]
 +
 
 +
fuchsia
 +
 
 +
[[image:fuchsia.gif]]
 +
 
 +
gray
 +
 
 +
[[image:gray.gif]]
 +
 
 +
green
 +
 
 +
[[image:green.gif]]
 +
 
 +
lime
 +
 
 +
[[image:lime.gif]]
 +
 
 +
maroon
 +
 
 +
[[image:maroon.gif]]
 +
 
 +
navy
 +
 
 +
[[image:navy.gif]]
 +
 
 +
olive
 +
 
 +
[[image:olive.gif]]
 +
 
 +
orange
 +
 
 +
[[image:orange.gif]]
 +
 
 +
purple
 +
 
 +
[[image:purple.gif]]
 +
 
 +
red
 +
 
 +
[[image:red.gif]]
 +
 
 +
silver
 +
 
 +
[[image:silver.gif]]
 +
 
 +
teal
 +
 
 +
[[image:teal.gif]]
 +
 
 +
white
 +
 
 +
[[image:white.gif]]
 +
 
 +
yellow
 +
 
 +
[[image:yellow.gif]]
 +
 
 +
以下是用不同的方法实现红色：
 +
<source lang="css">
 +
em {color: red}
 +
em {color: rgb(255,0,0)}
 +
em {color: #f00}
 +
em {color: #ff0000}
 +
em {color: rgb(100%, 0%, 0%)}
 +
</source>
 +
 
 +
==计数器==
 +
计数器是用来跟踪由CSS动态生成的内容的编码轨迹。计数器用文章属性中的函数counter()或counters()创建。计数器可以用counter-increment属性逐渐增加。同时可以用counter-reset重置
 +
 
 +
这个案例显示怎么创建一个名称为“para”的计数器，可以让其在文章段落前面插入大写的罗马字母，并且后面跟着点和空格字符。
 +
<source lang="css">
 +
p:before {content: counter(para, upper-roman) ". "}
 +
p {counter-increment: para}
 +
</source>
 +
 
 
==频率==
 
==频率==
 +
正数和下面的频率单位表示：
 +
 +
Hz
 +
:赫兹
 +
kHz
 +
:千赫兹
 +
 +
如果值为0，单位可以忽略，例如：“0 Hz”可以写成“0”。
 +
 
==标识符==
 
==标识符==
 +
一个包含字母(a-z或者A-Z)，数字(0-9)，连字符(-) 和/或 下划线(_)的名称。该名称不能由数字或连字符后加数字开头。
 +
 
==整数==
 
==整数==
 +
一个整数值。有时候在前面用“-”符号表示负数：
 +
<source lang="css">
 +
0
 +
10
 +
-5
 +
</source>
 +
 
==长度==
 
==长度==
 +
数字后面跟着以下长度单位:
 +
 +
em
 +
:文字的[[CSS 2.1 参考手册/font-size|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 磅。
 +
 +
:长度应用于水平或者垂直度量。
 +
 
==数字==
 
==数字==
 +
加上小数的十进制数字值，有时候在这个之前加上“-”表示负值：
 +
<source lang="css">
 +
2.5
 +
</source>
 +
 
==百分比==
 
==百分比==
 +
跟着“%”的数字，例如：
 +
<source lang="css">
 +
120%
 +
</source>
 +
 
==字符串==
 
==字符串==
 +
写在单引号或双引号中的文字：
 +
<source lang="css">
 +
"Hello World!"
 +
'Hello World!'
 +
"I'm here"
 +
'Jack said "Hello"'
 +
</source>
 +
 +
双引号不能出现在双引号中，只能用 \" 或者\22 ：
 +
<source lang="css">
 +
"Jack said \"Hello\""
 +
"Jack said \22Hello\22"
 +
</source>
 +
 +
单引号不能出现在单引号中，只能用 \" 或者\27 ：
 +
<source lang="css">
 +
'I\'m here'
 +
'I\27m here'
 +
</source>
 +
 
==时间==
 
==时间==
 +
正数加上一个如下的时间单位：
 +
 +
ms
 +
:毫秒
 +
 +
s
 +
:秒
 +
 +
如果值为0，单位可以忽略，例如：“0 s”可以写成“0”。
 +
 
==网址==
 
==网址==
 +
URL必须写成url(X)的格式，其中X可以是包含在单引号或双引号中的URL：
 +
 +
<source lang="css">
 +
url(http://xhtml.com/images/logo.gif)
 +
url('images/logo.gif')
 +
url("logo.gif")
 +
</source>
 +
 +
原帖地址：http://xhtml.com/en/css/reference/property-data-types/
 +
[[category:CSS]]

2007-11-16T16:06:32的最后版本

角

数字和下面角度单位：

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/

取自“http://wiki.blueidea.com/index.php?title=CSS_2.1_参考手册/属性数据类型&oldid=1348”