下载

1下载券

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 Cascading Style Sheets(层叠样式表单)

Cascading Style Sheets(层叠样式表单).doc

Cascading Style Sheets(层叠样式表单)

im328
2010-07-29 0人阅读 举报 0 0 暂无简介

简介:本文档为《Cascading Style Sheets(层叠样式表单)doc》,可适用于IT/计算机领域

CascadingStyleSheets(层叠样式表单)·CSS速成·CSS结构和规划·CSS属性·用于CSS属性定义的语法·字体属性·颜色及背景属性·文本属性·行高·方框属性·分类属性·CSS单位·将样式表加入到HTML中·依赖样式表·CSS参考CSS速成  一个样式表由样式规则组成,以告诉浏览器怎样去呈现一个文档有很多将样式规则加入到你的HTML文档中的方法,但最简单的启动方法是使用HTML的STYLE组件这个元素放置于文档的HEAD部分,包含网页的样式规则  要注意到尽管STYLE元素是试验样式表的好方法,它具有某些在用户使用这种方法之前应该考虑的缺点不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。  每个规则的组成包括一个选择符通常是一个HTML的元素,例如BODY,P,或EM和该选择符所接受的样式  有很多的属性可以用于定义一个元素每个属性带一个值,共同地描述选择符应该如何呈现样式规则组成如下:选择符{属性:值}单一选择符的复合样式声明应该用分号隔开:选择符{属性:值属性:值}以下是一段定义了H和H元素的颜色和字体大小属性:<HEAD><TITLE>CSS例子<TITLE><STYLETYPE="textcss">H{fontsize:xlargecolor:red}H{fontsize:largecolor:blue}<STYLE><HEAD>上述的样式表告诉浏览器用加大、红色字体去显示一级标题,用大、蓝色字体去显示二级标题CSS规格正式地定义了所有的有效属性和值属性和值在本网站的CSS属性部分也给出了CSS结构和规则基本语法规则选择符任何HTML元素都可以是一个CSS的选择符。选择符仅仅是指向特别样式的元素。例如P{textindent:em}当中的选择符是P。类选择符单一个选择符能有不同的CLASS(类)因而允许同一元素有不同样式。例如一个网页制作者也许希望视其语言而定用不同的颜色显示代码:codehtml{color:#}codecss{color:#b}以上的例子建立了两个类css和html供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类例如<PCLASS=warning>每个选择符只允许有一个类。例如codehtmlproprietary是无效的。<p>类的声明也可以无须相关的元素:note{fontsize:small}在这个例子名为note的类可以被用于任何元素。一个良好的习惯是在命名类的时候根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small但如果网页制作者决定改变这个类的样式使得它不再是小字体的话那么这个名字就变得毫无意义了。ID选择符ID选择符个别地定义每个元素的成分。这种选择符应该尽量少用因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如ID选择符可以指定如下:#svpO{textindent:em}这点可以参考HTML中的ID属性:<PID=svpO>文本缩进em<P>关联选择符关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性而且因为层叠顺序的规则它们的优先权比单一的选择符大。例如以下的上下文选择符PEM{background:yellow}是PEM。这个值表示段落中的强调文本会是黄色背景而标题的强调文本则不受影响。声明属性一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。值声明的值是一个属性接受的指定。例如属性颜色能接受值red。组合为了减少样式表的重复声明组合的选择符声明是允许的。例如文档中所有的标题可以通过组合给出相同的声明:H,H,H,H,H,H{color:redfontfamily:sansserif}继承实际上所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值除非另外更改。例如一个BODY定义了的颜色值也会应用到段落的文本中。有些情况是内部选择符不继承周围的选择符的值但理论上这些都是特殊的。例如上边界属性是不会继承的直觉上一个段落不会有同文档BODY一样的上边界值。注解样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS注解的例子如以下格式:*COMMENTSCANNOTBENESTED*伪类和伪元素伪类和伪元素是特殊的类和元素能自动地被支持CSS的浏览器所识别。伪类区别开不同种类的元素(例如visitedlinks(已访问的连接)和activelinks(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分例如段落的第一个字母。伪类或伪元素规则的形式如选择符:伪类{属性:值}或选择符:伪元素{属性:值}伪类和伪元素不应用HTML的CLASS属性来指定。一般的类可以与伪类和伪元素一起使用如下:选择符类:伪类{属性:值}或选择符类:伪元素{属性:值}定位锚伪类伪类可以指定A元素以不同的方式显示连接(links)、已访问连接(visitedlinks)和可激活连接(activelinks)。定位锚元素可给出伪类link、visited或active。一个已访问连接可以定义为不同颜色的显示甚至不同字体大小和风格。一个有趣的效果是使当前(或“可激活”)连接以不同颜色、更大的字体显示。然后当网页的已访问连接被重选时又以不同颜色、更小字体显示。这个样式表的示例如下:A:link{color:red}A:active{color:bluefontsize:}A:visited{color:greenfontsize:}首行伪元素通常在报纸上的文章例如WallStreetJournal中的文本的首行都会以粗印体而且全部大写地展示。CSS包括了这个功能将其作为一个伪元素。首行伪元素可以用于任何块级元素(例如P、H等等)。以下是一个首行伪元素的例子:P:firstline{fontvariant:smallcapsfontweight:bold}首个字母伪元素首个字母伪元素用于加大(dropcaps)和其他效果。含有已指定值选择符的文本的首个字母会按照指定的值展示。一个首个字母伪元素可以用于任何块级元素。例如:P:firstletter{fontsize:float:left}会比普通字体加大三倍。层叠顺序当使用了多个样式表样式表需要争夺特定选择符的控制权。在这些情况下总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。!important规则可以用指定的!important特指为重要的。一个特指为重要的样式会凌驾于与之对立的其它相同权重的样式。同样地当网页制作者和读者都指定了重要规则时网页制作者的规则会超越读者的。以下是!important声明的例子:BODY{background:url(bargif)whitebackgroundrepeat:repeatx!important}OriginofRules(Author'svsReader's)正如以前所提及的网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。网页制作者应该小心地使用!important规则因为它们会超越用户任何的!important规则。例如一个用户由于视觉关系会要求大字体或指定的颜色而且这样的用户会有可能声明确定的样式规则为!important因为这些样式对于用户阅读网页是极为重要的。任何的!important规则会超越一般的规则所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。选择符规则:计算特性基于它们的特性级别样式表也可以超越与之冲突的样式表一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。统计选择符中的ID属性个数。统计选择符中的CLASS属性个数。统计选择符中的HTML标记名格式。最后按正确的顺序写出三个数字不要加空格或逗号得到一个三位数。(注意你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id{xxx}*a=b=c=>特性=*ULULLIred{xxx}*a=b=c=>特性=*LIred{xxx}*a=b=c=>特性=*LI{xxx}*a=b=c=>特性=*特性的顺序为了方便使用当两个规则具同样权重时取后面的那个。CSS属性  以下是CSS的各类属性的索引你可以直接点击进入需要的内容学习也可以按页面最下方的“下一节”按钮学习全部内容。用于属性定义的语法字体属性字体属性字体族科字体风格字体变形字体加粗字体大小字体颜色及背景属性颜色背景颜色背景图象背景重复背景附件背景位置背景文本属性文字间隔字母间隔文字修饰纵向排列文本转换文本排列文本缩进行高方框属性上边界右边界下边界左边界边界上补白右补白下补白左补白补白上边框宽度右边框宽度下边框宽度左边框宽度边框宽度边框颜色边框风格上边框右边框下边框左边框边框宽度高度漂浮清除分类属性显示空白目录样式类型目录样式图象目录样式位置目录样式单位长度单位百分比单位颜色单位统一资源管理(URLs)用于CSS属性定义的语法<Foo>Foo类型的值共同类型的讨论在单位章节Foo必须原文出现的关键字(尽管无须限制大小写)逗号和斜杠也必须原文出现ABCA必须存在,然后是B,然后是C,需要按照顺序A|BA或B必须存在A||BA或B或两者必须存在,顺序随意Foo用括号将项目归类在一起Foo*Foo被重复使用零或更多的次数FooFoo被重复使用一或更多的次数FooFoo为可选Foo{A,B}Foo必须存在最少A次最多B次字体属性字体族科语法:fontfamily:<族科名称>|<种类族科>,*<族科名称>|<种类族科>允许值:<族科名称>任意字体族科名称都可以使用<种类族科>serif(eg,Times)sansserif(eg,ArialorHelvetica)cursive(eg,ZapfChancery)fantasy(eg,Western)monospace(eg,Courier)初始值:由浏览器决定适用于:所有对象向下兼容:是字体族科可以用一个指定的的字体名或一个种类的字体族科。很明显定义一个指定的字体名不会比定义一个种类的字体族科合适。多个族科的赋值是可以使用的而如果确定了一个指定的字体赋值就应该有一个种类族科名随后以防第一个选择不存在。字体族科声明的例子如下:P{fontfamily:"NewCenturySchoolbook",Times,serif}留意头两个赋值指定了字体的类型:NewCenturySchoolbook和Times。可是因为它们两者都是serif字体字体族科的种类作为后备列了出来以防系统没有两者但有另一个serif合资格的字体。任何包含空格的字体名都必须用单引号或双引号引住。字体族科也可以用字体属性给出。字体风格语法:fontstyle:<值>允许值:normal|italic|oblique初始值:normal适用于:所有对象向下兼容:是字体风格属性以三个方法的其中一个来定义显示的字体:normal(普通)italic(斜体)或oblique(倾斜)。样式表的字体风格声明例子如下:H{fontstyle:oblique}P{fontstyle:normal}字体变形语法:fontvariant:<值>允许值:normal|smallcaps初始值:normal适用于:所有对象向下兼容:是字体变形属性决定了字体的显示是normal(普通)还是smallcaps(小型大写字母)。当文字中所有字母都是大写的时候小型大写字母(值)会显示比小写字母稍大的大写字符。稍后版本的CSS将会支持附加的变形如收缩、扩张、小写数码或其它自定义的变形。字体变形的定义例子如下:SPAN{fontvariant:smallcaps}字体加粗语法:fontweight:<值>允许值:normal|bold|bolder|lighter|||||||||初始值:normal适用于:所有对象向下兼容:是字体加粗属性用作说明字体的加粗。当其它值绝对时bolder和lighter值将相对地成比例增长。注意:因为不是所有的字体都有九个有效的加粗显示一些加粗的会在指定下组合。如果指定的加粗无效会按以下原则选择:会被代替反之亦是会被指定为下一较细的加粗如果有的话否则就是下一较粗的加粗会被指定为下一较粗的加粗如果有的话否则就是下一较细的加粗一些字体加粗的定义例子如下:H{fontweight:}P{fontweight:normal}字体大小语法:fontsize:<绝对大小>|<相对大小>|<长度>|<百分比>允许值:<绝对大小>xxsmall|xsmall|small|medium|large|xlarge|xxlarge<相对大小>larger|smaller<长度><百分比>(inrelationtoparentelement)初始值:medium适用于:所有对象向下兼容:是字体大小属性用作修改字体显示的大小。绝对长度(使用的单位为pt像素和in英寸)需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说绝对长度的字体很有可能会很大或很小。一些大小指定的定义如下:H{fontsize:large}P{fontsize:pt}LI{fontsize:}STRONG{fontsize:larger}网页制作者需要清楚MicrosoftInternetExplorerx会错误地将em和ex单位当作像素这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小而不是上级元素的字体大小。这种做法像H{fontsize:}这是危险的其大小将被视为IE的一级标题的缺省字体大小的两倍而不是两倍于上级元素的字体大小。在这种情况中BODY通常会被视为上级元素而且很可能定义一个medium的字体大小然而在IE中一级标题的缺省字体大小可能被认为是xxlarge。注意到了这些错误后网页制作者在使用字体大小属性时应该小心使用百分比的值而且应该尽量避免使用em和ex这两个单位。字体语法:font:<值>允许值:<字体风格>||<字体变形>||<字体加粗><字体大小><行高><字体族科>初始值:未定义适用于:所有对象向下兼容:是字体属性用作不同字体属性的略写特别是行高。例如P{font:italicboldptptTimes,serif}指定该段为bold(粗体)和italic(斜体)Times或serif字体点大小行高为点。颜色及背景属性颜色语法:color:<颜色>初始值:由浏览器决定适用于:所有对象向下兼容:是颜色属性允许网页制作者指定一个元素的颜色。查看单位可以知道颜色值的描述一些颜色规则的例子包括:H{color:blue}H{color:#}H{color:#c}为了避免与用户的样式表之间的冲突背景和颜色属性应该始终一起指定。背景颜色语法:backgroundcolor:<值>允许值:<颜色>|transparent(透明)初始值:transparent(透明)适用于:所有对象向下兼容:否背景颜色属性设定一个元素的背景颜色。例如:BODY{backgroundcolor:white}H{backgroundcolor:#}为了避免与用户的样式表之间的冲突无论任何背景颜色被使用的时候背景图象都应该被指定。而大多数情况下backgroundimage:none都是合适的。网页制作者也可以使用略写的背景属性通常会比背景颜色属性获得更好的支持。背景图象语法:backgroundimage:<值>允许值:<统一资源定位URLs>|none(无)初始值:none(无)适用于:所有对象向下兼容:否背景图象属性设定一个元素的背景图象。例如:BODY{backgroundimage:url(imagesfoogif)}P{backgroundimage:url(http:wwwhtmlhelpcombgpng)}为了那些不载入图象的浏览者当定义了背景图象后应该也要定义一个类似的背景颜色。网页制作者也可以使用略写的背景属性通常会比背景图象属性获得更好的支持。背景重复语法:backgroundrepeat:<值>允许值:repeat|repeatx|repeaty|norepeat初始值:repeat适用于:所有对象向下兼容:否背景重复属性决定一个指定的背景图象如何被重复。值为repeatx时图象横向重复当值为repeaty时图象纵向重复。例如:BODY{background:whiteurl(candybargif)backgroundrepeat:repeatx}在以上例子中,图象只会被横向平铺。网页制作者也可以使用略写的背景属性通常会比背景重复属性获得更好的支持。背景附件语法:backgroundattachment:<值>允许值:scroll|fixed初始值:scroll适用于:所有对象向下兼容:否背景附件属性决定指定的背景图象是跟随内容滚动还是被看作油画固定不动。例如以下指定一个固定的背景图象:BODY{background:whiteurl(candybargif)backgroundattachment:fixed}网页制作者也可以使用略写的背景属性通常会比背景附件属性获得更好的支持。背景位置语法:backgroundposition:<值>允许值:<百分比>|<长度>{,}|top|center|bottom||left|center|right初始值:适用于:块级及替换元素向下兼容:否图象位置属性给出指定背景图象的最初位置。这个属性只能应用于块级元素和替换元素。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括IMG,INPUT,TEXTAREA,SELECT,和OBJECT。)安排背景位置最容易的方法是使用关键字:横向的关键字(left,center,right)纵向的关键字(top,center,bottom)百分比和长度也可用作安排背景图象的位置。百分比和元素字体大小有关。虽然使用长度是允许的但因为它们处理不同的显示分辨率有不可避免的缺点所以不被推荐。当使用百分比或长度时需首先指定横向位置接着是纵向位置。一个值例如指定图象的左起上起的那点会被放在元素的左起上起的那点的所在位置。一个值如pxpx指定图象的左上角会被放在元素的左起像素上起像素的位置。如果仅给出横向的值纵向位置的值为。长度和百分比的组合是允许的负值也行。例如cm是允许的。虽然百分比和长度是不能够和关键字组合。关键字解释如下:topleft=lefttop=top=topcenter=centertop=righttop=topright=left=leftcenter=centerleft=center=centercenter=right=rightcenter=centerright=bottomleft=leftbottom=bottom=bottomcenter=centerbottom=bottomright=rightbottom=如果背景图象被看作油画般固定不动关于油画的图象会代替元素被放置。网页制作者也可以使用略写的背景属性通常会比背景位置属性获得更好的支持。背景语法:background:<值>允许值:<背景颜色>||<背景图象>||<背景重复>||<背景附件>||<背景位置>初始值:未定义适用于:所有对象向下兼容:否背景属性是一个更明确的背景关系属性的略写。以下是一些背景的声明:BODY{background:whiteurl(http:wwwhtmlhelpcomfoogif)}BLOCKQUOTE{background:#fffd}P{background:url(backgroundspawnpng)#fffffixed}TABLE{background:#curl(leavesjpg)norepeatbottomright}当一个值未被指定时将接受其初始值。例如在上述的前三条规则背景位置属性将被设置为。为了避免与用户的样式表之间的冲突背景和颜色应该一起被指定。文本属性文字间隔语法:wordspacing:<值>允许值:normal|<长度>初始值:normal适用于:所有元素向下兼容:是文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式允许使用负值。例如:PEM{wordspacing:em}Pnote{wordspacing:em}字母间隔语法:letterspacing:<值>允许值:normal|<长度>初始值:normal适用于:所有元素向下兼容:是字母间隔属性定义一个附加在字符之间的间隔数量。该值必须符合长度格式允许使用负值。一个设为零的值会阻止文字的调整。例如:H{letterspacing:em}Pnote{letterspacing:em}文本修饰语法:textdecoration:<值>允许值:none|underline||overline||linethrough||blink初始值:none适用于:所有元素向下兼容:否文本修饰属性允许通过五个属性中的一个来修饰文本:underline(下划线)overline(上划线)linethrough(删除线)blink(闪烁)或缺省地使用无。例如使用下列语句可以使连接不再有下划线:A:link,A:visited,A:active{textdecoration:none}纵向排列语法:verticalalign:<值>允许值:baseline|sub|super|top|texttop|middle|bottom|textbottom|<百分比>初始值:baseline适用于:内部元素向下兼容:否纵向排列属性可以用作一个内部元素的纵向位置相对于它的上级元素或相对于元素行。(一个内部元素是没有行在其前和后断开的例如在HTML中的EMA和IMG)该值可以是一个相对于元素行高属性的百分比它会在上级基线上增高元素基线的指定数量。允许使用负值。该值也可以是一个关键字。以下的关键字将影响相对于上级元素的位置:baseline(使元素和上级元素的基线对齐)middle(纵向对齐元素基线加上上级元素的x高度字母"x"的高度的一半的中点)sub(下标)super(上标)texttop(使元素和上级元素的字体向上对齐)textbottom(使元素和上级元素的字体向下对齐)影响相对于元素行的位置的关键字有top(使元素和行中最高的元素向上对齐)bottom(使元素和行中最低的元素向下对齐)纵向排列属性对于排列图象特别有用。以下是一些例子:IMGmiddle{verticalalign:middle}IMG{verticalalign:}exponent{verticalalign:super}文本转换语法:texttransform:<值>允许值:none|capitalize|uppercase|lowercase初始值:none适用于:所有元素向下兼容:是文本转换属性允许通过四个属性中的一个来转换文本:capitalize(使每个字的第一个字母大写)uppercase(使每个字的所有字母大写)lowercase(使每个字的所有字母小写)none(使用原始值)例如:H{texttransform:uppercase}H{texttransform:capitalize}文本转换属性仅仅被用于表达某种格式的要求。这并非很适当的做法例如用文本转换使一些国家的名字的第一个字母大写而其它字母小写。文本排列语法:textalign:<值>允许值:left|right|center|justify初始值:由浏览器决定适用于:块级元素向下兼容:是文本排列属性可以应用于块级元素(PH等)使元素文本得到排列。这个属性的功能类似于HTML的段、标题和部分的ALIGN属性。以下是一些例子:H{textalign:center}Pnewspaper{textalign:justify}文本缩进语法:textindent:<值>允许值:<长度>|<百分比>初始值:适用于:块级元素向下兼容:是文本缩进属性可以应用于块级元素(PH等)以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:P{textindent:em}行高语法:lineheight:<值>允许值:normal|<数字>|<长度>|<百分比>初始值:normal适用于:所有元素向下兼容:是行高属性可以接受一个控制文本基线之间的间隔的值。当值为数字时行高由元素字体大小的量与该数字相乘所得。百分比的值相对于元素字体的大小而定。不允许使用负值。行高也可以由带有字体大小的字体属性产生。行高属性可以用于双行距的文本:P{lineheight:}MicrosoftInternetExplorerx会错误地将em和ex单位当作像素。这错误很可能会令到文本不可读所以网页制作者需要避免引起这个随处可能发生的错误使用百分比单位往往是一个好的选择。方框属性上边界语法:margintop:<值>允许值:<长度>|<百分比>|auto初始值:适用于:所有元素向下兼容:否上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。例如以下的规则将消除文件的上边界。BODY{margintop:}注意如果边界在垂直方向邻接(重叠)了会改用其中最大的那个边界值。右边界语法:marginright:<值>允许值:<长度>|<百分比>|auto初始值:适用于:所有元素向下兼容:否右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。例如:Pnarrow{marginright:}注意如果边界在水平方向邻接(重叠)了不会改用其它边界值。下边界语法:marginbottom:<值>允许值:<长度>|<百分比>|auto初始值:适用于:所有元素向下兼容:否下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。例如:DT{marginbottom:em}注意如果边界在垂直方向邻接(重叠)了会改用其中最大的那个边界值。左边界语法:marginleft:<值>允许值:<长度>|<百分比>|auto初始值:适用于:所有元素向下兼容:否左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。例如:ADDRESS{marginleft:}注意如果边界在水平方向邻接(重叠)了不会改用其它边界值。边界语法:margin:<值>允许值:<长度>|<百分比>|auto{,}初始值:未定义适用于:所有元素向下兼容:否边界属性用一到四个值来设置元素的边界每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。如果四个值都给出了它们分别被应用于上、右、下和左边界。如果只给出一个值它被应用于所有边界。如果两个或三个值给出了省略了的值与对边相等。边界声明包括以下例子:BODY{margin:em}*所有边界设为em*P{margin:emem}*上和下边界为em左和右边界为em*DIV{margin:emememem}*上边界为em右边界为em下边界为em左边界为em*注意如果边界在垂直方向邻接(重叠)了会改用其中最大的那个边界值。而水平方向则不会。使用边界属性可以一次性地设置所有边界也可以选择使用上边界、下边界、左边界和右边界属性。上补白语法:paddingtop:<值>允许值:<长度>|<百分比>初始值:适用于:所有对象向下兼容:否上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。右补白语法:paddingright:<值>允许值:<长度>|<百分比>初始值:适用于:所有对象向下兼容:否右补白属性描述右边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。下补白语法:paddingbottom:<值>允许值:<长度>|<百分比>初始值:适用于:所有对象向下兼容:否下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。左补白语法:paddingleft:<值>允许值:<长度>|<百分比>初始值:适用于:所有对象向下兼容:否左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。补白语法:padding:<值>允许值:<长度>|<百分比{,}初始值:适用于:所有对象向下兼容:否补白属性是上补白、右补白、下补白和左补白属性的略写。一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。如果四个值都给出了它们分别应用于上、右、下和左补白。如果给出一个值它将被运用到各边上。如果两个或三个值给出了省略了的值与对边相等。例如以下的规则设置上补白为em右补白为em下补白为em左补白为em:BLOCKQUOTE{padding:ememem}上边框宽度语法:bordertopwidth:<值>允许值:thin|medium|thick|<长度>初始值:medium适用于:所有对象向下兼容:否上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个都不受字体大小或长度的影响可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。右边框宽度语法:borderrightwidth:<值>允许值:thin|medium|thick|<长度>初始值:medium适用于:所有对象向下兼容:否右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个都不受字体大小或长度的影响可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。下边框宽度语法:borderbottomwidth:<值>允许值:thin|medium|thick|<长度>初始值:medium适用于:所有对象向下兼容:否下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个都不受字体大小或长度的影响可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。左边框宽度语法:borderleftwidth:<值>允许值:thin|medium|thick|<长度>初始值:medium适用于:所有对象向下兼容:否左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个都不受字体大小或长度的影响可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。边框宽度语法:borderwidth:<值>允许值:thin|medium|thick|<长度>{,}初始值:未定义适用于:所有对象向下兼容:否边框宽度属性用一到四个值来设置元素的边界值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了它们分别应用于上、右、下和左边框的式样。如果给出一个值它将被运用到各边上。如果两个或三个值给出了省略了的值与对边相等。这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。边框颜色语法:bordercolor:<值>允许值:<颜色>{,}初始值:颜色属性的值适用于:所有对象向下兼容:否边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了它们分别应用于上、右、下和左边框的式样。如果给出一个值它将被运用到各边上。如果两个或三个值给出了省略了的值与对边相等。也可以使用略写的边框属性。边框样式语法:borderstyle:<值>允许值:none|dotted|dashed|solid|double|groove|ridge|inset|outset{,}初始值:none适用于:所有对象向下兼容:否边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了它们分别应用于上、右、下和左边框的式样。如果给出一个值它将被运用到各边上。如果两个或三个值给出了省略了的值与对边相等。也可以使用略写的边框属性。上边框语法:bordertop:<值>允许值:<上边框宽度>||<边框式样>||<颜色>初始值:未定义适用于:所有对象向下兼容:否上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/47

Cascading Style Sheets(层叠样式表单)

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利