仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 814|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来一发CSS3进修教程:CSS3属性界说的属性值

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:56 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
破洛洛文章简介:CSS3语法节选10.其他模块中属性界说的格局10.1值。
原文地点10.Formatofpropertydefinitionsinothermodules
每个CSS属性界说以一个关头信息的择要入手下手,就像以下:
property-name属性称号Value(值):legalvalues&syntax正当的值和语法Initial(初始):initialvalue初始值Appliesto(使用到):elementsthispropertyappliesto属性使用的元素Inherited(承继):whetherthepropertyisinherited属性是不是承继ComputedValue(运算值):thecomputedvalueoftheproperty属性的运算值Percentages(百分比):howpercentagevaluesareinterpreted百分比值怎样注释Media(前言):whichmediagroupsthepropertyappliesto属性使用的前言组

border-widthValue:<border-width>{1,4}|inheritInitial:seeindividualpropertiesAppliesto:allelementsInherited:noPercentages:N/AMedia:visualComputedvalue:seeindividualproperties
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.中括号([])暗示一个组。
并列优先于双竖杠,双竖杠优先于竖杠。因而,上面两行是等价的:ab|c||de[ab]|[c||[de]]
每范例,关头字,大概中括号组大概跟从着一下的润色符: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></p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-7 01:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表