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

上传资料

关闭

关闭

关闭

封号提示

内容

首页 精通CSS.DIV网页样式与布局

精通CSS.DIV网页样式与布局.pdf

精通CSS.DIV网页样式与布局

爱情已打烊
2010-09-25 0人阅读 举报 0 0 暂无简介

简介:本文档为《精通CSS.DIV网页样式与布局pdf》,可适用于IT/计算机领域

什么是样式表CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。如何将样式表加入您的网页你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅important声明。链入外部样式表文件(LinkingtoaStyleSheet)你可以先建立外部样式表文件(css)然后使用HTML的link对象。示例如下:<head><title>titleofarticle<title><linkrel=stylesheethref="http:wwwdhtmletcomrainercss"type="textcss"><head>而在XML中你应该如下例所示在声明区中加入:<xmlstylesheettype="textcss"href="http:wwwdhtmletcomrainercss">>定义内部样式块对象(EmbeddingaStyleBlock)你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE><STYLE>块对象。定义方式请参阅样式表语法。示例如下:<html><styletype="textcss"><!body{font:pt"Arial"}h{font:ptpt"Arial"fontweight:boldcolor:maroon}h{font:ptpt"Arial"fontweight:boldcolor:blue}p{font:ptpt"Arial"color:black}><style><body>请注意这里将style对象的type属性设置为"textcss"是允许不支持这类型的浏览器忽略样式表单。内联定义(InlineStyles)内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:<pstyle="marginleft:inmarginright:in">这一行被增加了左右的外补丁<p>样式表语法(CSSSyntax)Selector{property:value}参数说明:Selector选择符property:value样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号()隔开继承的值(The'Inherit'Value)每个属性都有一个指定的值:Inherit。它的意思是:将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。CSSPropertiesReference样式表属性字体Fontfontcolorfontfamilyfontsizefontsizeadjustfontstretchfontstylefontweighttextdecorationtextunderlinepositiontextshadowfontvarianttexttransformlineheightletterspacingwordspacing文本Texttextindenttextoverflowverticalaligntextalignlayoutflowwritingmodedirectionunicodebidiwordbreaklinebreakwhitespacewordwraptextautospacetextkashidaspacetextjustifyrubyalignrubypositionrubyoverhangimemodelayoutgridlayoutgridcharlayoutgridcharspacinglayoutgridlinelayoutgridmodelayoutgridtype背景BackgroundbackgroundbackgroundattachmentbackgroundcolorbackgroundimagebackgroundpositionbackgroundpositionXbackgroundpositionYbackgroundrepeatlayerbackgroundcolorlayerbackgroundimage定位Positioningpositionzindextoprightbottomleft尺寸Dimensionsheightmaxheightminheightwidthmaxwidthminwidth布局Layoutclearfloatclipoverflowoverflowxoverflowydisplayvisibility外补丁Marginsmarginmargintopmarginrightmarginbottommarginleft轮廓Outlinesoutlineoutlinecoloroutlinestyleoutlinewidth边框Bordersborderbordercolorborderstyleborderwidthbordertopbordertopcolorbordertopstylebordertopwidthborderrightborderrightcolorborderrightstyleborderrightwidthborderbottomborderbottomcolorborderbottomstyleborderbottomwidthborderleftborderleftcolorborderleftstyleborderleftwidth内容GeneratedContentincludesourcequotescontentcounterincrementcounterreset内补丁Paddingspaddingpaddingtoppaddingrightpaddingbottompaddingleft列表项目Listsliststyleliststyleimageliststylepositionliststyletypemarkeroffset表格Tablebordercollapseborderspacingcaptionsideemptycellstablelayoutspeakheader滚动条Scrollbarsscrollbardlightcolorscrollbarhighlightcolorscrollbarfacecolorscrollbararrowcolorscrollbarshadowcolorscrollbardarkshadowcolorscrollbarbasecolor打印Printingpagepagebreakafterpagebreakbeforepagebreakinsidemarksorphanssizewidows声音Auralvoicefamilyvolumeelevationazimuthstressrichnessspeechratecuecueaftercuebeforepausepauseafterpausebeforepitchpitchrangeplayduringspeakspeaknumeralspeakpunctuation其它属性Classificationbehaviorzoomcursorfilter说明:这种颜色是CSS标准属性。这种颜色是IE建议样式表属性。这种颜色是NS私有属性。这种颜色是目前尚无浏览器支持的属性。CSSFontProperties字体属性FontPropertiesCSSVersionDescription属性版本简介fontCSSCSS复合属性。设置或检索对象中的文本特性colorCSS检索或设置对象的文本颜色fontfamilyCSS设置或检索用于对象中文本的字体名称序列fontsizeCSS设置或检索对象中的字体尺寸fontsizeadjustCSS设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸fontstretchCSS设置或检索用于对象中文本的文字是否横向的拉伸变形fontstyleCSS设置或检索对象中的字体样式fontweightCSS设置或检索对象中的文本字体的粗细textdecorationCSS检索或设置对象中的文本的装饰如下划线、闪烁等textunderlinepositionIE专有属性设置或检索textdecoration属性定义的下划线的位置textshadowCSS设置或检索对象中文本的文字是否有阴影及模糊效果fontvariantCSS设置或检索对象中的文本是否为小型的大写字母texttransformCSS检索或设置对象中的文本的大小写lineheightCSS检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离letterspacingCSS检索或设置对象中的文字之间的间隔wordspacingCSS检索或设置对象中的单词之间插入的空格数。对于IE而言仅在MAC平台上可用font版本:CSSCSS兼容性:IENS继承性:有语法:font:fontstyle||fontvariant||fontweight||fontsize||lineheight||fontfamilyfont:caption|icon|menu|messagebox|smallcaption|statusbar参数:该属性是复合属性。第一种声明方式请参阅各参数对应的属性。第二种声明方式中的参数属于CSS。caption:使用有标题的系统控件的文本字体(如按钮菜单等)icon:使用图标标签的字体menu:使用菜单的字体messagebox:使用信息对话框的文本字体smallcaption:使用小控件的字体statusbar:使用窗口状态栏的字体说明:设置或检索对象中的文本特性。该属性是复合属性。第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。对于如何使用用户端系统可能没有的字体可以参阅fontface规则。对应的脚本特性为font。请参阅我编写的其他书目。示例:p{font:italicsmallcapsptspts宋体}p{font:italicsmallcapsptsCourier}p{font:italicsmallcapsptsCourier}p{font:italicsmallcapsptsptsCourier}p{font:ptsserif}p{font:obliquepts}H{font:ptptbold"Arial"normal}color版本:CSS兼容性:IENS继承性:有语法:color:color参数:color:指定颜色。请参阅颜色单位和附录:颜色表说明:检索或设置对象的文本颜色。无默认值。注意用颜色名称指定color不被一些浏览器接受。对应的脚本特性为color。请参阅我编写的其他书目。示例:div{color:#}div{color:rgb(,,)}div{color:menu}div{color:red}fontfamily版本:CSS兼容性:IENS继承性:有语法:fontfamily:namefontfamily:cursive|fantasy|monospace|serif|sansserif参数:name:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格则应使用引号括起第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列将提供默认字体序列说明:设置或检索用于对象中文本的字体名称序列。默认值由浏览器确定。序列可包含嵌入字体字体。请参阅fontface规则。对应的脚本特性为fontFamily。请参阅我编写的其他书目。示例:divfixedwidth{fontfamily:Courier,"CourierNew",monospace}fontsize版本:CSS兼容性:IENS继承性:有语法:fontsize:absolutesize|relativesize|length参数:absolutesize:根据对象字体进行调节。xxsmall|xsmall|small|medium|large|xlarge|xxlargerelativesize:相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger|smallerlength:百分数|由浮点数字和单位标识符组成的长度值不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅长度单位说明:设置或检索对象中的字体尺寸。默认值为absolutesize的medium值。对应的脚本特性为fontSize。请参阅我编写的其他书目。示例:p{fontstyle:normal}p{fontsize:px}p{fontsize:}fontsizeadjust版本:CSS兼容性:NONE继承性:有语法:fontsizeadjust:none|number参数:none:允许字体序列中每一字体遵守它的自己的尺寸number:为字体序列中所有字体强迫指定同一尺寸说明:设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。目前IE尚不支持此属性。对应的脚本特性为fontSizeAdjust。请参阅我编写的其他书目。示例:p{fontfamily:arial,courierfontsizeadjust:none}p{fontfamily:verdana,courierfontsizeadjust:}fontstretch版本:CSS兼容性:NONE继承性:有语法:fontstretch:normal|narrower|wider|ultracondensed|extracondensed|condensed|semicondensed|semiexpanded|expanded|extraexpanded|ultraexpanded参数:normal:不应用拉伸变形narrower:使用比当前设置的值导致字体宽度更小的值wider:使用比当前设置的值导致字体宽度更大的值说明:设置或检索用于对象中文本的文字是否横向的拉伸变形。改变是相对于浏览器显示的字体的正常宽度的。目前IE尚不支持此属性。对应的脚本特性为fontStretch。请参阅我编写的其他书目。示例:p{fontstretch:wider}p{fontstretch:ultraexpanded}fontstyle版本:CSS兼容性:IENS继承性:有语法:fontstyle:normal|italic|oblique参数:normal:正常的字体italic:斜体。对于没有斜体变量的特殊字体将应用obliqueoblique:倾斜的字体说明:设置或检索对象中的字体样式。对应的脚本特性为fontStyle。请参阅我编写的其他书目。示例:p{fontstyle:normal}p{fontstyle:italic}p{fontstyle:oblique}请您用下面的按钮选择这段文字的fontstyle属性的值。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。fontstyle:normalfontweight版本:CSS兼容性:IENS继承性:有语法:fontweight:normal|bold|bolder|lighter|number参数:normal:正常的字体。相当于number为。声明此值将取消之前任何设置bold:粗体。相当于number为。也相当于b对象的作用bolder:IE特粗体lighter:IE细体number:IE||||||||说明:设置或检索对象中的文本字体的粗细。作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说用户可能看不到不同值之间的差异。对应的脚本特性为fontWeight。请参阅我编写的其他书目。示例:span{fontweight:}请您用下面的按钮选择这段文字的fontweight属性的值。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。fontweight:normaltextdecoration版本:CSS兼容性:IENS继承性:无语法:textdecoration:none||underline||blink||overline||linethrough参数:none:无装饰blink:闪烁underline:下划线linethrough:贯穿线overline:上划线说明:检索或设置对象中的文本的装饰。有href特性的a以及uins对象默认值为underline。对象strikesdel默认值是linethrough。没有文本的对象此属性不会作用。对应的脚本特性为textDecoration。请参阅我编写的其他书目。示例:div{textdecoration:underline}div{textdecoration:underlineoverline}请您用下面的按钮选择这段文字的textdecoration属性的值。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。textdecoration:nonetextunderlineposition版本:IE专有属性继承性:有语法:textunderlineposition:below|above参数:below:在文本下面above:在文本上面说明:设置或检索textdecoration属性定义的下划线的位置。对应的脚本特性为textUnderlinePosition。请参阅我编写的其他书目。示例:p{textunderlineposition:abovetextdecoration:underline}请您用下面的按钮选择这段文字的textunderlineposition属性的值。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。textunderlineposition:belowtextshadow版本:CSS兼容性:NONE继承性:无语法:textshadow:color||length||lenth||opacity参数:color:指定颜色。请参阅颜色单位和附录:颜色表length:由浮点数字和单位标识符组成的长度值。可为负值。第一个length指定阴影的水平延伸距离。第二个length指定阴影的垂直延伸距离。请参阅长度单位opacity:由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果将前两个length全部设定为。请参阅长度单位说明:设置或检索对象中文本的文字是否有阴影及模糊效果。可以设定多组效果方式是用逗号隔开。可以被用于伪类:firstletter和:firstline。目前IE尚不支持此属性。对应的脚本特性为textShadow。请参阅我编写的其他书目。示例:p{textshadow:pxpxpxyellow,pxpxpxorange,redpxpx}p:firstletter{fontsize:pxcolor:redtextshadow:redpxpxpx}fontvariant版本:CSS兼容性:IENS继承性:有语法:fontvariant:normal|smallcaps参数:normal:正常的字体smallcaps:小型的大写字母字体说明:设置或检索对象中的文本是否为小型的大写字母。对应的脚本特性为fontVariant。请参阅我编写的其他书目。示例:span{fontvariant:smallcaps}请您用下面的按钮选择这段文字的FONTVARIANT属性的值。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。fontvariant:smallcapslineheight版本:CSS兼容性:IENS继承性:有语法:lineheight:normal|length参数:normal:默认行高length:百分比数字|由浮点数字和单位标识符组成的长度值允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位说明:检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。如行内包含多个对象则应用最大行高。此时行高不可为负值。对应的脚本特性为lineHeight。请参阅我编写的其他书目。示例:div{lineheight:px}div{lineheight:}请您用下面的按钮加减这段文字的lineheight属性的值(单位是px)。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。letterspacing版本:CSS兼容性:IENS继承性:有语法:letterspacing:normal|length参数:normal:默认间隔length:由浮点数字和单位标识符组成的长度值允许为负值。请参阅长度单位说明:检索或设置对象中的文字之间的间隔。该属性将指定的间隔添加到每个文字之后但最后一个字将被排除在外。对应的脚本特性为letterSpacing。请参阅我编写的其他书目。示例:div{letterspacing:px}div{letterspacing:pt}请您用下面的按钮加减这段文字的letterspacing属性的值(单位是px)。看一看会发生什么然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。CSSTextProperties文本属性TextProperties属性CSSVersion版本Description简介textindentCSS检索或设置对象中的文本的缩进textoverflowIE专有属性设置或检索是否使用一个省略标记()标示对象内文本的溢出verticalalignCSSCSS设置或检索对象内容的垂直对其方式textalignCSS设置或检索对象中文本的对齐方式layoutflowIE专有属性设置或检索对象内文本的流动和方向writingmodeIE专有属性设置或检索对象的内容块固有的书写方向directionCSS用于设置文本流的方向unicodebidiCSS用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用wordbreakIE专有属性设置或检索对象内文本的字内换行行为。尤其在出现多种语言时linebreakIE专有属性设置或检索用于日文文本的换行规则whitespaceCSS设置或检索对象内空格的处理方式wordwrapIE专有属性设置或检索当当前行超过指定容器的边界时是否断开转行textautospaceIE专有属性设置或检索对象文本的自动空格和紧缩空格宽度调整的方式textkashidaspaceIE专有属性设置或检索如何拉伸字符来调节文本行排列textjustifyIE专有属性设置或检索对象内文本的对齐方式rubyalignIE专有属性设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的对齐位置rubypositionIE专有属性设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置rubyoverhangIE专有属性设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置imemodeIE专有属性设置或检索是否允许用户激活输入中文韩文日文等的输入法(IME)状态layoutgridIE专有属性复合属性。设置或检索复合文档中指定文本字符版式的网格特性layoutgridcharIE专有属性设置或检索应用于对象文本的字符网格值layoutgridcharspacingIE专有属性设置或检索字符间隔layoutgridlineIE专有属性设置或检索应用于对象文本的行网格值layoutgridmodeIE专有属性设置或检索文本网格版式是否使用二维layoutgridtypeIE专有属性设置或检索应用于对象文本的网格类型CSSBackgroundProperties背景属性BackgroundProperties属性CSSVersion版本Description简介backgroundCSS复合属性。设置或检索对象的背景特性backgroundattachmentCSS设置或检索背景图像是随对象内容滚动还是固定的backgroundcolorCSS设置或检索对象的背景颜色backgroundimageCSS设置或检索对象的背景图像backgroundpositionCSS设置或检索对象的背景图像位置backgroundpositionXIE专有属性设置或检索对象的背景图像横坐标位置backgroundpositionYIE专有属性设置或检索对象的背景图像纵坐标位置backgroundrepeatCSS设置或检索对象的背景图像是否及如何铺排layerbackgroundcolorNS专有属性设置或检索对象整个区域的背景颜色layerbackgroundimageNS专有属性设置或检索对象整个区域的背景图像版本:CSS兼容性:IENS继承性:无语法:background:backgroundcolor||backgroundimage||backgroundrepeat||backgroundattachment||backgroundposition参数:该属性是复合属性。请参阅各参数对应的属性。说明:如使用该复合属性定义其单个参数则其他参数的默认值将无条件覆盖各自对应的单个属性设置。默认值为:transparentnonerepeatscroll。尽管该属性不可继承但如果未指定其父对象的背景颜色和背景图将在对象下面显示。对应的脚本特性为background。请参阅我编写的其他书目。示例:div{background:rednorepeatscroll}body{background:url("imagesaardvarkgif")repeaty}pre{background:url("imagesaardvarkgif")top}caption{background:fuchsia}backgroundcolor版本:CSS兼容性:IENS继承性:无语法:backgroundcolor:transparent|color参数:transparent:背景色透明color:指定颜色。请参阅颜色单位和附录:颜色表说明:设置或检索对象的背景颜色。对应的脚本特性为backgroundColor。请参阅我编写的其他书目。示例:p{backgroundcolor:silver}div{backgroundcolor:rgb(,,)}body{backgroundcolor:#ABF}pre{backgroundcolor:transparent}backgroundimage版本:CSS兼容性:IENS继承性:无语法:backgroundimage:none|url(url)参数:none:无背景图url:使用绝对或相对地址指定背景图像说明:设置或检索对象的背景图像。对应的脚本特性为backgroundImage。请参阅我编写的其他书目。示例:code{backgroundimage:url("cometjpg")}blockquote{backgroundimage:url("c:InetPubMyPixscometjpg")}br{backgroundimage:url(http:FredcomImageFileQgif)}body{backgroundimage:none}CSSPositioningProperties定位属性PositioningProperties属性CSSVersion版本Description简介positionCSS检索对象的定位方式zindexCSS检索或设置对象的层叠顺序topCSS检索或设置对象与其最近一个定位的父对象顶部相关的位置rightCSS检索或设置对象与其最近一个定位的父对象右边相关的位置bottomCSS检索或设置对象与其最近一个定位的父对象底边相关的位置leftCSS检索或设置对象与其最近一个定位的父对象左边相关的位置CSSDimensionsProperties尺寸属性DimensionsProperties属性CSSVersion版本Description简介heightCSS检索或设置对象的高度maxheightCSS设置或检索对象的最大高度minheightCSS设置或检索对象的最小高度widthCSS检索或设置对象的宽度maxwidthCSS设置或检索对象的最大宽度minwidthCSS设置或检索对象的最小宽度CSSOutlinesProperties轮廓属性OutlinesProperties属性CSSVersion版本Description简介outlineCSS复合属性。设置或检索对象外的线条轮廓outlinecolorCSS设置或检索对象外的线条轮廓的颜色outlinestyleCSS设置或检索对象外的线条轮廓的样式outlinewidthCSS设置或检索对象外的线条轮廓的宽度CSSBordersProperties边框属性BordersProperties属性CSSVersion版本Description简介borderCSS复合属性。设置对象边框的特性bordercolorCSS设置或检索对象边框颜色borderstyleCSS设置或检索对象边框样式borderwidthCSS设置或检索对象边框宽度bordertopCSS复合属性。设置对象顶边的特性bordertopcolorCSS设置或检索对象顶边颜色bordertopstyleCSS设置或检索对象顶边样式bordertopwidthCSS设置或检索对象顶边宽度borderrightCSS复合属性。设置对象右边的特性borderrightcolorCSS设置或检索对象右边颜色borderrightstyleCSS设置或检索对象右边样式borderrightwidthCSS设置或检索对象右边宽度borderbottomCSS复合属性。设置对象底边的特性borderbottomcolorCSS设置或检索对象底边颜色borderbottomstyleCSS设置或检索对象底边样式borderbottomwidthCSS设置或检索对象底边宽度borderleftCSS复合属性。设置对象左边的特性borderleftcolorCSS设置或检索对象左边颜色borderleftstyleCSS设置或检索对象左边样式borderleftwidthCSS设置或检索对象左边宽度border版本:CSS兼容性:IENS继承性:无语法:border:borderwidth||borderstyle||bordercolor参数:该属性是复合属性。请参阅各参数对应的属性。说明:如使用该复合属性定义其单个参数则其他参数的默认值将无条件覆盖各自对应的单个属性设置。默认值为:mediumnone。bordercolor的默认值将采用文本颜色。要使用该属性必须先设定对象的height或width属性或者设定position属性为absolute。对应的脚本特性为border。请参阅我编写的其他书目。关于对象的尺寸与边框内外补丁等样式表属性的关系请参看图例以及height和width属性。示例:p{border:thickdoubleyellow}blockquote{border:dottedgray}p{border:px}bordertopcolor版本:CSS兼容性:IENS继承性:无语法:bordertopcolor:color参数:color:指定颜色。请参阅颜色单位和附录:颜色表说明:要使用该属性必须先设定对象的height或width属性或者设定position属性为absolute。如果borderwidth等于或borderstyle设置为none本属性将失去作用。对应的脚本特性为borderTopColor。请参阅我编写的其他书目。示例:div{bordertopcolor:redborderbottomcolor:RGB(,,)borderrightcolor:redborderleftcolor:black}borderbottomwidth版本:CSS兼容性:IENS继承性:无语法:borderbottomwidth:medium|thin|thick|length参数:medium:默认宽度thin:小于默认宽度thick:大于默认宽度length:由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位说明:要使用该属性必须先设定对象的height或width属性或者设定position属性为absolute。如果borderstyle设置为none本属性将失去作用。对应的脚本特性为borderBottomWidth。请参阅我编写的其他书目。示例:span{bordertopwidth:thinbordertopstyle:solid}span{borderbottomwidth:thinborderbottomstyle:solid}span{borderleftwidth:thinborderleftstyle:solid}span{borderrightwidth:thinborderrightstyle:solid}CSSPaddingsProperties内补丁属性PaddingsProperties属性CSSVersion版本Description简介paddingCSS检索或设置对象四边的补丁边距paddingtopCSS检索或设置对象顶边的补丁边距paddingrightCSS检索或设置对象右边的补丁边距paddingbottomCSS检索或设置对象底边的补丁边距paddingleftCSS检索或设置对象左边的补丁边距CSSListsProperties列表项目属性ListsProperties属性CSSVersion版本Description简介liststyleCSS复合属性。设置列表项目相关内容liststyleimageCSS设置或检索作为对象的列表项标记的图像liststylepositionCSS设置或检索作为对象的列表项标记如何根据文本排列liststyletypeCSSCSS设置或检索对象的列表项所使用的预设标记liststyle版本:CSS兼容性:IENS继承性:有语法:liststyle:liststyleimage||liststyleposition||liststyletype参数:该属性是复合属性。请参阅各参数对应的属性。说明:设置列表项目相关内容。对应的脚本特性为listStyle。请参阅我编写的其他书目。示例:li{liststyle:url("http:wwwdhtmletcomdevgurupixgif"),inside,circle}ul{liststyle:outside,upperroman}ol{liststyle:square}liststyleimage版本:CSS兼容性:IENS继承性:有语法:liststyleimage:none|url(url)参数:none:不指定图像url:使用绝对或相对地址指定背景图像说明:设置或检索作为对象的列表项标记的图像。若liststyleimage属性为none或指定图像不可用时liststyletype属性将发生作用。对应的脚本特性为listStyleImage。请参阅我编写的其他书目。示例:ulout{liststyleposition:outsideliststyleimage:url("imagesiegif")}liststyletype版本:CSSCSS兼容性:IENS继承性:有语法:liststyletype:disc|circle|square|decimal|lowerroman|upperroman|loweralpha|upperalpha|none|armenian|cjkideographic|georgian|lowergreek|hebrew|hiragana|hiraganairoha|katakana|katakanairoha|lowerlatin|upperlatin参数:disc:CSS实心圆circle:CSS空心圆square:CSS实心方块decimal:CSS阿拉伯数字lowerroman:CSS小写罗马数字upperroman:CSS大写罗马数字loweralpha:CSS小写英文字母upperalpha:CSS大写英文字母none:CSS不使用项目符号armenian:CSS传统的亚美尼亚数字cjkideographic:CSS浅白的表意数字georgian:CSS传统的乔治数字lowergreek:CSS基本的希腊小写字母hebrew:CSS传统的希伯莱数字hiragana:CSS日文平假名字符hiraganairoha:CSS日文平假名序号katakana:CSS日文片假名字符katakanairoha:CSS日文片假名序号lowerlatin:CSS小写拉丁字母upperlatin:CSS大写拉丁字母说明:设置或检索对象的列表项所使用的预设标记。若liststyleimage属性为none或指定图像不可用时liststyletype属性将发生作用。仅作用于具有display值等于listitem的对象(如li对象)。注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。IE尚不支持所有CSS的值。对应的脚本特性为listStyleType。请参阅我编写的其他书目。示例:li{liststyletype:square}•这是一个名字叫小强的列表项目。他难道不是很可爱吗?•这是一个名字叫小强的列表项目。他难道不是很可爱吗?•这是一个名字叫小强的列表项目。他难道不是很可爱吗?liststyletype:discCSSScrollbarProperties滚动条属性ScrollbarProperties属性CSSVersion版本Description简介scrollbardlightcolorIE专有属性设置或检索滚动条亮边框颜色scrollbarhighlightcolorIE专有属

用户评价(3)

关闭

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

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

提示

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

文档小程序码

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

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/35

精通CSS.DIV网页样式与布局

仅供在线阅读

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利