“CSS 2.1 参考手册/属性数据类型”的版本间的差异
(→时间: 增加新内容) |
(→长度) |
||
(未显示同一用户的7个中间版本) | |||
第95行: | 第95行: | ||
</source> | </source> | ||
− | == | + | ==计数器== |
+ | 计数器是用来跟踪由CSS动态生成的内容的编码轨迹。计数器用文章属性中的函数counter()或counters()创建。计数器可以用counter-increment属性逐渐增加。同时可以用counter-reset重置 | ||
+ | |||
+ | 这个案例显示怎么创建一个名称为“para”的计数器,可以让其在文章段落前面插入大写的罗马字母,并且后面跟着点和空格字符。 | ||
+ | <source lang="css"> | ||
+ | p:before {content: counter(para, upper-roman) ". "} | ||
+ | p {counter-increment: para} | ||
+ | </source> | ||
+ | |||
==频率== | ==频率== | ||
正数和下面的频率单位表示: | 正数和下面的频率单位表示: | ||
第107行: | 第115行: | ||
==标识符== | ==标识符== | ||
+ | 一个包含字母(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> | ||
+ | |||
==百分比== | ==百分比== | ||
跟着“%”的数字,例如: | 跟着“%”的数字,例如: | ||
第149行: | 第192行: | ||
==网址== | ==网址== | ||
+ | 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/ | 原帖地址:http://xhtml.com/en/css/reference/property-data-types/ | ||
[[category:CSS]] | [[category:CSS]] |
2007-11-16T16:06:32的最后版本
角
数字和下面角度单位:
deg
- 度数
grad
- 梯度
rad
- 弧度
如果值为0,单位可以忽略,例如:“0 deg”可以写成“0”。
颜色
关键字或者数字型的RGB规范。
关键字:
aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
orange
purple
red
silver
teal
white
yellow
以下是用不同的方法实现红色:
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")