注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网易邮箱前端技术中心

汇聚最新最劲爆的前端技术

 
 
 

日志

 
 
 
 

CSS3语法 节选 10.其他模块中属性定义的格式 10.1 值  

2012-05-07 18:57:52|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文地址 10. Format of property definitions in other modules

每一个CSS属性定义以一个关键信息的摘要开始,就像如下:

'property-name属性名称'
Value(值):  legal values & syntax 合法的值和语法
Initial(初始):  initial value 初始值
Applies to(应用到):  elements this property applies to 属性应用的元素
Inherited(继承):  whether the property is inherited 属性是否继承
Computed Value(运算值):  the computed value of the property 属性的运算值
Percentages(百分比):  how percentage values are interpreted 百分比值如何解释
Media(媒介):  which media groups the property applies to 属性应用的媒介组

'border-width'
Value:  <border-width>{1,4} | inherit
Initial:  see individual properties
Applies to:  all elements
Inherited:  no
Percentages:  N/A
Media:  visual
Computed value:  see individual properties

10.1 值
这部分详细说明了属性的有效值的集合,有下面几种方式来指定值类型
1.关键字值(例:auto,disc,等)
2.基本数据类型,出现在“<”和“>”之间的。(例:<length>, <percentage>等)。
3.具有相同范围的值作为属性的类型容忍同一个名称 (例:<'border-width'> <'background-attachment'>, 等)。这样的话,类型的名称就是在“<”和“>”之间的属性的名称(连同引号)。这样一个类型不包含值'inherit'。
编者注:border:<'border-width'>;
4.非终结符不能共享一个名称作为属性。这样的话,非终结符名称在“<”和“>”之间,就像 <border-width>。注意, <border-width> 和<'border-width'>的区别;后者依据前者来定义。
编者注:border-width<border-width>{1,4};

这个定义里的其他单词都是关键字,必须按着原文出现,不带引号(例:red)。斜杠(/)和逗号(,)也必须按着原文出现。

值将会按照以下方式组织:
1.几个并列的单词表示他们在给定的规则下必须出现。
2.一个竖杠(|)分割两个或以上的可选项:它们其中之一必须出现,且只能出现一个。
3.一个双竖杠(||)分割两个或更多选项:在任何情况下,它们其中的一个或更多必须出现。
4.中括号([])表示一个组。

并列优先于双竖杠,双竖杠优先于竖杠。因此,下面两行是等价的:
a b | c || d e
[ a b ] | [ c || [ d e ]]

每一类型,关键字,或者中括号组可能跟随着一下的修饰符:
1.一个星号(*)表示前面的类型、单词、或者组出现过零次或者更多。
2.一个加号(+)表示前面的类型、单词或者组出现一次或者更多。
3.一个问号(?)表示前面的类型,单词或者组是可选的。
4.一对用花括号包起来的数字({A,B})表示前面的类型,单词或者组出现的次数范围,至少A次,至多B次

下面的列子列举了不同的值类型:
Value: N | NW | NE
Value: [ <length> | thick | thin ]{1,4}
Value: [<family-name> , ]* <family-name>
Value: <uri>? <color> [ / <color> ]?
Value: <uri> || <color>

By Seem
  评论这张
 
阅读(581)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017