来一发CSS3进修教程:CSS3属性界说的属性值
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。破洛洛文章简介: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|]
每范例,关头字,大概中括号组大概跟从着一下的润色符: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。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页:
[1]