css总结之页面

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

字体fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positiontext-shadowfont-varianttext-transformline-heightletter-spacingword-spacing文本text-indenttext-overflowvertical-aligntext-alignlayout-flowwriting-modedirectionunicode-bidiword-breakline-breakwhite-spaceword-wraptext-autospacetext-kashida-spacetext-justifyruby-alignruby-positionruby-overhangime-modelayout-gridlayout-grid-charlayout-grid-char-spacinglayout-grid-linelayout-grid-modelayout-grid-type背景backgroundbackground-attachmentbackground-colorbackground-imagebackground-positionbackground-positionXbackground-positionYbackground-repeatlayer-background-colorlayer-background-image定位positionz-indextoprightbottomleft尺寸heightmax-heightmin-heightwidthmax-widthmin-width布局clearfloatclipoverflowoverflow-xoverflow-ydisplayvisibility外补丁marginmargin-topmargin-rightmargin-bottommargin-left轮廓outlineoutline-coloroutline-styleoutline-width边框borderborder-colorborder-styleborder-widthborder-topborder-top-colorborder-top-styleborder-top-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-leftborder-left-colorborder-left-styleborder-left-width内容include-sourcequotescontentcounter-incrementcounter-reset内补丁paddingpadding-toppadding-rightpadding-bottompadding-left列表list-stylelist-style-imagelist-style-positionlist-style-typemarker-offset表格border-collapseborder-spacingcaption-sideempty-cellstable-layoutspeak-header滚动条scrollbar-3d-light-colorscrollbar-highlight-colorscrollbar-face-colorscrollbar-arrow-colorscrollbar-shadow-colorscrollbar-dark-shadow-colorscrollbar-base-color打印pagepage-break-afterpage-break-beforepage-break-insidemarksorphanssizewidows声音voice-familyvolumeelevationazimuthstressrichnessspeech-ratecuecue-aftercue-beforepausepause-afterpause-beforepitchpitch-rangeplay-duringspeakspeak-numeralspeak-punctuation其他behaviorzoomcursorfilter尺寸Height语法:height:auto|length取值:auto:默认值。无特殊定位,根据HTML定位规则分配length:由浮点数字和单位标识符组成的长度值|百分数。百分数是基于父对象的高度。不可为负数。说明:检索或设置对象的高度。对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。按照样式表的规则,对象的实际高度为其下列属性值之和:margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom在IE6中使用!DOCTYPE声明指定standards-compliantmode可以实现这一点。而在IE6中如果没有将!DOCTYPE声明指定standards-compliant模式,以及以前的浏览器版本,对象的实际高度等于:margin-top+height+margin-bottom此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为height。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight,pixelHeight,以及对象的offsetHeight等特性。示例:div{height:1in;}div{position:absolute;top:-3px;height:6px;}max-height语法:max-height:none|length取值:Auto:默认值。无最大高度限制Length:由浮点数字和单位标识符组成的长度值|或者百分数。不可为负数说明:设置或检索对象的最大高度。如果此属性的值小于min-height属性的值,将会被自动转设为min-height属性的值。例子:p{max-height:200%;}min-height语法:min-height:none|length取值:auto:默认值。无最小高度限制length:由浮点数字和单位标识符组成的长度值|或者百分数。不可为负数说明:设置或检索对象的最小高度。如果此属性的值大于max-height属性的值,将会被自动转设为max-height属性的值。在IE6中这个属性仅仅作用于固定布局的表格内的td对象,th对象,tr对象。表格的默认布局是自动计算的,要得到固定布局的表格,设置表格的table-layout属性的值为fixed。固定布局的算法比默认的自动算法要快很多。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。Width语法:width:auto|length取值:auto:默认值。无最小高度限制length:由浮点数字和单位标识符组成的长度值|或者百分数。不可为负数说明:检索或设置对象的宽度。对于img来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。按照样式表的规则,对象的实际宽度为其下列属性值之和:margin-left+border-left+padding-left+width+padding-right+border-right+margin-right在IE6中使用!DOCTYPE声明指定standards-compliant模式可以实现这一点。而在IE6中如果没有将!DOCTYPE声明指定standards-compliantmode,以及以前的浏览器版本,对象的实际宽度等于:margin-left+width+margin-right此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth,pixelWidth,以及对象的offsetWidth等特性。例子:div{width:1in;}div{position:absolute;top:-3px;width:6px;}max-width语法:max-width:none|lengthauto:默认值。无最小高度限制length:由浮点数字和单位标识符组成的长度值|或者百分数。不可为负数说明:设置或检索对象的最大宽度。如果此属性的值小于minwidth属性的值,将会被自动转设为minwidth属性的值。min-width语法:min-width:none|lengthauto:默认值。无最小高度限制length:由浮点数字和单位标识符组成的长度值|或者百分数。不可为负数说明:设置或检索对象的最小宽度。如果此属性的值大于max-width属性的值,将会被自动转设为max-width属性的值。布局Clear语法:clear:none|left|right|both取值:none:默认值。允许两边都可以有浮动对象left:不允许左边有浮动对象right:不允许右边有浮动对象both:不允许有浮动对象说明:该属性的值指出了不允许有浮动对象的边。请参阅float属性。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为clear。示例:div{clear:left}img{float:right}float说明:该属性的值指出了对象是否及如何浮动。请参阅clear属性。当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display属性将被忽略。跟随浮动对象的对象将移动到浮动对象的位置。浮动对象会向左或向右移动直到遇到边框(border、内补丁(padding、外补丁(margin或者另一个块对象(block-level)为止。在IE5+中,div和span对象假如没有指定宽度会被分配默认的宽度,而在此前的浏览器版本中则必须指定宽度值才可以呈递此属性。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。Clip语法:clip:auto|rect(numbernumbernumbernumber)取值:auto:默认值。对象无剪切rect(numbernumbernumbernumber):依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切说明:检索或设置对象的可视区域。可视区域外的部分是透明的。此属性定义了绝对(absolute)定位对象可视区域的尺寸。必须将position属性的值设为absolute,此属性方可使用。自IE5开始,此属性在MAC平台上可用。示例:div{position:absolute;width:60px;height:60px;clip:rect(0205010);}div{position:absolute;width:60px;height:60px;clip:rect(1cmauto50px10cm);}Overflow语法:overflow:visible|auto|hidden|scroll取值:visible:默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的window或frame的尺寸裁切。并且clip属性设置将失效

1 / 30
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功