1、css参考手册css参考手册CSS属性组： 邂 坯 包 边框和轮廓 外边 内边 迪 内容生成 逊 nni 表格 幽 伪元素 提示和注料： 属性：”属性列指向语法、实例、浏览器支持等内容。 CSS： ,CSSH列指示属性是在哪个CSS版木中定义的(CSS1还是CSS2). 泥示:W3School的CSS参考手册定期在所有主流浏览器中进行测试。最后测试时间：2009年 10月8日。 恚示：W3School的CSS3参考手册已经发布。 CSS 背景属性(Background )属性描述CSSbackround在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否
2、固定或者陨者页面的其余部分滚动。1background-color设置元素的背景颜色。1background-image设置元素的背景图像。1backgroucd-DOsition设置背景图像的开始位置。1backgcound-reprat设置是否及如何重曳背景图像。1 CSS 边框属性（Border 和 Outline ）属性描述1border在一个声明中设置所有的边框属性。1bordebottom在一个声明中设置所有的下边框属性。1border-bottom-colo）设置下边框的颜色。2bodebottom-stvle设置下边框的样式。2bordec-bottom-width设置下边框的
3、宽度。1bordercolo设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1bordDr-left?color设置左边框的颜色。2border-left-style设置左边框的样式。2border-left-width设置左边框的宽度。1border-right在一个声明中设置所有的右边框属性。1borde-riqht-colo设置右边框的颜色。2border-right-style设置右边框的样式。2borde-riqht?width设置右边框的宽度。1border-style设置四条边框的样式。1border-tOD在一个声明中设置所有的上边框属性。1bor
4、de-toD-colo设置上边框的颜色。2borde-tOD-sMe设置上边框的样式。2bordelOD-width设置上边框的宽度。1bordewidth设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2 CSS文本属性（Text）属性描述CSScolor设置文本的颜色。1direction规定文本的方向/书写方向。2letter-spacinq设置字符间距。1line-heiqht设置行高。1text-aliqn规定文本的水平对齐方式。1t
5、ext?decoration规定添加到文本的装饰效果。1text-indent规定文本块首行的缩进。1text-shadow规定添加到文本的阴影效果。2text-transform控制文本的大小写。1unicode-bidi设置文本方向。2white-space规定如何处理元素中的空白。1word-spacing设置单词间距。1 CSS字体属性（Font）属性描述CSSfont在一个声明中设置所有字体属性。1font-family规定文本的字体系列。1font-size规定文本的字体尺寸。1font-size-sdjust为元素规定aspect值。2font-strotch收缩或拉伸当前的字体
6、系列。2font-style规定文本的字体样式。1font-va 门 ant规定是否以小型大写字母的字体显示文本。1font-weight规定字体的粗细。1 CSS外边距属性（Margin ）属性描述CSSmargin在一个声明中设置所有外边距属性。1margin-bottom设置元素的下外边距。1marqin-left设置元素的左外边距。1marqin-hqht设置元素的右外边距。1magin-top设置元素的上外边距。1CSS内边距属性（Padding ）属性描述CSSpadding在一个声明中设置所有内边距属性。1padding-bottom设置元素的下内边距。1paddinq-left
7、设置元素的左内边距。1paddinq-riqht设置元素的右内边距。1padding-toD设置元素的上内边距。1 CSS列表属性（List）属性描述CSSlist-style在一个声明中设置所有的列表属性。1list-style-imaqe将图象设置为列表项标记。1Iist-stvle-Dosition设置列表项标记的放置位置。1list-style-type设置列表项标记的类型。1marker-offset2 内容生成(Generated Content)属性描述CSScontent及:before以及:after伪元素配合使用，来插入生成内容。2coucter-iecrement:递增或
8、递减一个或多个计数器c2counter-reset创建或重置一个或多个计数器c2quotes设置嵌套引用的引号类型。2CSS 尺寸属性(Dimension )属性描述CSSheight设置元素高度。1max-heiqht设置元素的最大高度。2max-width设置元素的最大宽度。2min-height设置元素的最小高度。2min-width设置元素的最小宽度。2width设置元素的宽度。1 CSS 定位属性(Positioning )属性描述CSSbottom设置定位元素下外边距边界及其包含块下边界之间的偏移C2clear规定元素的哪一侧不允许其他浮动元素。1clip剪裁绝对定位元素。2cur
9、sor规定要显示的光标的类型（形状）。2display规定元素应该生成的框的类型。1float规定框是否应该浮动。1left设置定位元素左外边距边界及其包含块左边界之间的偏移C2overflow规定当内容溢出元素框时发生的事情O2position规定元素的定位类型。2riqht设置定位元素右外边距边界及其包含块右边界之间的偏移C2top设置定位元素的上外边距边界及其包含块上边界之间的偏移。2vertical-aliqn设置元素的垂直对齐方式。1visibility规定元素是否可见。2z-index设置元素的堆叠顺序。2 CSS打印属性（Print）属性描述CSSorphans设置当元素内部发生
10、分贞时必须在页而底部保留的最少行数。2Dage-breakafte设置元素后的分页行为。2Dage-break-before设置元素前的分页行为。2page-break-inside设置元素内部的分页行为。2widows设置当元素内部发生分页时必须在页面顶部保留的最少行数。2 CSS表格属性(Table )属性描述CSSborder-collase规定是否合并表格边框。2bordeSDacinq规定相邻单元格边框之间的距离。2caption-side规定表格标题的位置。2empty-cells规定是否显示表格中的空单元格上的边框和背景。2table-layout设置用于表格的布局算法。2 CS
11、S 伪类(Pseudo-classes )属性描述CSS:active向被激活的元素添加样式。1:focus向拥有键盘输入焦点的元素添加样式。2:hover当鼠标悬浮在元素上方时，向元素添加样式。1:link向未被访问的链接添加样式。1:visited向已被访问的链接添加样式。1:first-child向元素的第一个子元素添加样式。2:lang向带有指定lang属性的元素添加样式。2 CSS 伪元素(Pseudo elements )属性描述CSS:first-letter向文本的第一个字母添加特殊样式。1:first-line向文本的首行添加特殊样式。1:before在元素之前添加内容。2:
12、after在元素之后添加内容。2打印属性打印HTML文档总是会出现问题。在CSS2中，我们可以借助打印属性让打印web内容更容易一些。属性描述值orphans设置元素放在页面底部时所允许的最少文木行数。numbermarks设置是否在内容区之外但是在画布的可打印区域内放,、十字标志请注意，CSS2.1已删除该属性。 none crop crossPage这个属性及size属性结合可以指定打印一个元素时所用的auto identifier特定页面类型。请注意，CSS2.1已删除该属性。设置元素后是否应当放置分页符。auto always avoid left rightpaqe-break-be
13、for设置元素前否应当放置分页符。auto always avoid leftrightpaqe-breek-inside设置元素内部是否应当放置分页符。auto avoidsize利用这个属性，创作人员可以声明打印一个元素时所用页框 的大小和方向。它可以及page结合使用。不过并不要求一 定如此。请注意，CSS2.1已删除该属性。auto portrait landscapewidows设置元素放在页面顶部时所允许的最少文木行数。numbercss单位 css听觉 css颜色值尺寸单位描述%百分比in英寸12/27css参考手册cm理:米mm充米emlem等于当前的字体尺寸。2em等于当前字
14、体尺寸的两倍。例如，如果某元素以12Pt显示，那么2em是24pt。在CSS中，em是非常有用的玳位，因为它可以自动适应用户所使用的字体。ex一个ex是一个字体的x-height. （x-height通常是字体尺寸的一半。）pt磅（1 pt等于1/72英寸）pc12点活字（1 pc等于12点）px像素（计算机屏幕上的一个点）颜色单位描述（颜色名）颜色名称（比如red）rgb(x,x,x)RGB 值(比如 rgb(255,0,0)rgb(x%z x%z x%)RGB 百分比值(比如 rgb(100%z0%z0%)#rrggbb十六进制数（比如#ffoooo）Css3参考手册CSS属性CSS属性组
15、： 动画 维 一能和轮廓 盒(框) 幽 内容分贡媒体 迪 可伸缩框 包 生成内容 m 超一接 行框 迪 外边距 Marquee 内边 分一媒体 迪 皿 Ruby 语音 表格12 2D/3D转换3 迪4 用户界面HCSSH列指示该属性是在哪个CSS版木(CSS1. CSS3或CSS3)中定义的。CSS3 动画属性(Animation )属性描述CSS kevframes规定动画。3animation所有动画属性的简写属性，除r animation-play-state属 性。3animatiorvname规定keyframes动画的名称。3animation-duation规定动画完成一个周期所
16、花费的秒或亳秒。3animation-timing-fu nction规定动画的速度曲线。3animation-delan规定动画何时开始c3animation-iteration-count规定动画被播放的次数。3animation-dirnction规定动画是否在下一周期逆向地播放,3animation-Dlay-state规定动画是否正在运行或暂停。3animation-fill-mode规定对象动画时间之外的状态。3CSS 背景属性(Background )属性描述cssbackground在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否固定
17、或者陨者页面的其余部分滚动。1backqround-color设置元素的背景颜色。1background-image设置元素的背景图像。1backKoucd-positjon设置背景图像的开始位置。1backqcound-repeat设置是否及如何重曳背景图像。1backgrouncbclip规定背景的绘制区域。3backqround-oriqin规定背景图片的定位区域。3backqroucd-size规定背景图片的尺寸。3CSS 边框属性(Border 和 Outline )描述属性border在一个声明中设置所有的边框属性。1bordebottom在一个声明中设置所有的下边框属性。1bod
18、er-bottom-colo设置下边框的颜色。2bordec-bottom-stYle设置下边框的样式。2boder-bottom-width设置下边框的宽度。1border-color设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1borde-left-colo设置左边框的颜色。2bode-left-style设置左边框的样式。2border-left-width设置左边框的宽度C1border-riqht在一个声明中设置所有的右边框属性。1borderight-color设置右边框的颜色。2borderiqht-style设置右边框的样式。2borderri
19、ght-width设置右边框的宽度。1border-style设置四条边框的样式。1bordefo在一个声明中设置所有的上边框属性。1bordetopcolor设置上边框的颜色。2bodetopst:yle设置上边框的样式。2borde-top-width设置上边框的宽度C1border-width设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outlinestule设置轮廓的样式。2outline-width设置轮廓的宽度。2bordebottom-leftadius定义边框左下角的形状。3bo)debottom 门 ght
20、radius定义边框右下角的形状。3border-imaqe简写属性，设置所有border-image-*属性。3border-image-out:set规定边框图像区域超出边框的量。3borde-imaqTreDeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸 (stretched )o3borde-imaqe-slice规定图像边框的向内偏移。3border-imaqe-source规定用作边框的图片。3border-imaqe-width规定图片边框的宽度。3bodeadius简写属性，设置所有四个border-*-radius属性。3border-togeft
21、-adius定义边框左上角的形状。3bode-top-right-adius定义边框右下角的形状。3box-decoration-break3box-shadow向方框添加一个或多个阴影。3Box属性属性描述CSSoverflow如果内容溢出r元素内容区域，是否对内容的左/右边缘进行裁剪。3overflow”如果内容溢出r元素内容区域，是否对内容的上/下边缘进行裁剪。3overflow-stcle规定溢出元素的首选滚动方法。3rotation围绕由rotation-point属性定义的点对元素进行旋转,3otatiorvaoint定义距离上左边框边缘的偏移点。3Color属性属性描述CSSco
22、lor-profile规定书签的标记。3opacity规定书签的级别。3rendering-intent规定书签链接的目标。3Content for Paged Media 属性属性描述cssbookmark-label规定书签的标记。3bookmark-level规定书签的级别。3bookmark-target规定书签链接的目标。3float-offset将元素放在float属性通常放置的位置的相反方向。3hyphenate-after规定连字他词中连字符之后的最小字符数c3hyphenate-before规定连字球词中连字符之前的最小字符数c3hyphenate-character规定当发
23、生断字时显示的字符串。3hyphenate-lines指示元素中连续断字连线的最大数。3hyphenate-resource规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。3hyphens设置如何对单词进行拆分，以改善段落的布局。3image-resolution规定图像的正确分辨率。3marks向文档添加裁切标记或十字标记。3string-set3CSS 尺寸属性(Dimension )属性描述CSSheight设置元素高度。1max-heiqht设置元素的最大高度。2max-width设置元素的最大宽度。2min-height设置元素的最小高度。2min-width设置元素的最小宽度
24、。2width设置元素的宽度。1可伸缩框属性(Flexible Box )属性描述CSSboxelign规定如何对齐框的子元素。3box-direction规定框的子元素的显示方向。3box-flex规定框的子元素是否可伸缩。3boxflex-qoup将可伸缩元素分配到柔性分组。3box“ines规定当超出父元素框的空间时，是否换行显示。3box-odinal-qoup规定框的子元素的显示次序。3box-orient规定框的子元素是否应水平或垂直排列。3box-pack规定水平框中的水平位置或者垂直框中的垂直位置。3CSS字体属性( Font)属性描述CSSfont在一个声明中设置所有字体属性
25、。1font-family规定文本的字体系列。1font-size规定文本的字体尺寸。1font-size-sdjust为元素规定aspect值。2font-stretch收缩或拉伸当前的字体系列。2font-style规定文本的字体样式。1font-vahant规定是否以小型大写字母的字体显示文本,1font-weight规定字体的粗细。1内容生成(Generated Content)属性描述CSScontent及:before以及:after伪元素配合使用，来插入生成内容。2coucter-iecrement递增或递减一个或多个计数器c2counteieset创建或重置一个或多个计数器。2
26、auotes设置嵌套引用的引号类型。2crop允许被替换元素仅仅是对象的矩形区域，而不是整个对象c3move-to从流中删除元素，然后在文档中后面的点上重新插入。3page-policy确定元素基于页面的occurrence应用于计数器还是字符串值。3Grid属性属性描述CSSgrid-columcs规定网格中每个列的宽度。3qrid-rows规定网格中每个列的高度。3Hyperlink 属性属性描述CSStarget简写属性，设置 target-name、target-new 以及 target-position 属性。3规定在何处打开链接（链接的目标）。3target-new规定目标链接在
27、新窗口还是在已有窗口的新标签页中打开。3tarqetposition规定在何处放置新的目标链接。3CSS列表属性（List）属性描述CSSlist-style在一个声明中设置所有的列表属性。1list-style-imaqe将图象设置为列表项标记。1list-style-position设置列表项标记的放置位置。1list-style-type设置列表项标记的类型。1marker-offset2CSS外边距属性（Margin ）属性描述CSSmarqin在一个声明中设置所有外边距属性。1margin-bottom设置元素的下外边距。1margin-left设置元素的左外边距。1margirrr
28、iqht设置元素的右外边距。1magin-tOD设置元素的上外边距。1Marquee 属性属性描述CSSmarquee-direction设置移动内容的方向。3marquee-play-count设置内容移动多少次。3marquee-speed设置内容滚动得多快。3marquee-style设置移动内容的样式。3多列属性(Multi-column )属性描述CSScolumn-count规定元素应该被分隔的列数。3column-fill规定如何填充列。3columrvgap规定列之间的间隔。3columrwule设置所有column-rule-*属性的简写属性。3column-rule-col
29、or规定列之间规则的颜色。3column-rule-style规定列之间规则的样式。3column-rule-widt:h规定列之间规则的宽度。3column-span规定元素应该横跨的列数。3columc-width规定列的宽度。3columns规定设置column-width和column-count的简写属性-3CSS内边距属性（Padding ）属性描述CSSpadding在一个声明中设置所有内边距属性。1padding-bottom设置元素的下内边距。1padding-left设置元素的左内边距。1paddinq-riqht设置元素的右内边距。1padding-tOD设置元素的上内边
30、距。1Paged Media 属性属性描述CSSfit示意如何对width和height属性均不是auto的被替换元素进行 缩放。3fit-position定义盒内对象的对齐方式。3image-orientation规定用户代理应用于图像的顺时针方向旋转。3page规定元素应该被显示的页面特定类型。3size规定页面内容包含框的尺寸和方向。3CSS 定位属性(Positioning )属性描述CSSbottom设置定位元素下外边距边界及其包含块下边界之间的偏移C2clear规定元素的哪一侧不允许其他浮动元素。1clip剪裁绝对定位元素。2cursor规定要显示的光标的类型(形状)。2displ
31、ay规定元素应该生成的框的类型。1float规定框是否应该浮动。1left设置定位元素左外边距边界及其包含块左边界之间的偏移c2overflow规定当内容溢出元素框时发生的事情。2position规定元素的定位类型。2right设置定位元素右外边距边界及其包含块右边界之间的偏移c2top设置定位元素的上外边距边界及其包含块上边界之间的偏移。2vertical-aliqn设置元素的垂直对齐方式。1visibility规定元素是否可见。2z-index设置元素的堆叠顺序。2CSS打印属性(Print)属性描述CSSorphans设置当元素内部发生分页时必须在页面底部保留的最少行数。2paqe-be
32、ak-afte设置元素后的分页行为。2paqe-beak-before设置元素前的分页行为。2page-break-inside设置元素内部的分页行为。2widows设更当元素内部发生分页时必须在页面顶部保留的最少行数。2CSS表格属性(Table )属性描述CSSbordecollase规定是否合并表格边框。2bordespacinq规定相邻单元格边框之间的距离。2capt:ion-side规定表格标题的位置。2empty-cells规定是否显示表格中的空里元格上的边框和背景。2table-layout设置用于表格的布局算法。2CSS文本属性（Text）属性描述CSScolor设置文本的颜色
33、。1direction规定文本的方向/书写方向。2letter-SDacing设置字符间距。1line-heiqht设置行高。1text-align规定文本的水平对齐方式。1text?decoalion规定添加到文本的装饰效果。1text-indext规定文木块首行的缩进。1text-shadow规定添加到文本的阴影效果。2text-tansfom控制文本的大小写。1unicode-bidi设置文本方向。2white-space规定如何处理元素中的空白。1word-spacinq设置物词间距。1hanginq-punctuation规定标点字符是否位于线框之外。329 / 27css参考手册D
34、unctuation-trim规定是否对标点字符进行修剪。3text-align-last设置如何对齐最后一行或紧挨者强制换行符之前的行。3text-emphasis向元素的文本应用重点标记以及重点标记的前景色。3text?justify规定当text-align设置为“justify”时所使用的对齐方法。3text-outline规定文本的轮廓。3text-overflow规定当文本溢出包含元素时发生的事情。3text-shadow向文本添加阴影。3textwrap规定文本的换行规则。3word-bveak规定非中日韩文本的换行规则。3word-wrap允许对长的不可分割的他词进行分割并换行
35、到下一行。32D/3D 转换属性(Transform )属性描述CSStransform向元素应用2D或3D转换。3transform-oriqin允许你改变被转换元素的位置。3transform-style规定被嵌套元素如何在3D空间中显示。3perspective规定3D元素的透视效果。3perspective-oriqin规定3D元素的底部位置。3backface-visibllity定义元素在不面对屏幕时是否可见。3过渡属性(Transition )描述属性transition筒写属性,用于在一个属性中设置四个过渡属性。3transitios-D)ODerty规定应用过渡的CSS属性的
36、名称。3transition-duration定义过渡效果花费的时间。3transition-timing-function规定过渡效果的时间曲线。3tansiton-delay规定过渡效果何时开始。3用户界面属性(User-Interface )属性描述CSSappearance允许您将元素设置为标准用户界面元素的外观3box-sizing允许您以确切的方式定义适应某个区域的具体内容。3icon为创作者提供使用图标化等价物来设置元素样式的能力。3nav-down规定在使用arrow-down导航键时向何处导航。3nav-index设置元素的tab键控制次序。3nav-left规定在使用arr
37、ow-left导航键时向何处导航。3nav-iQht规定在使用arrow-right导航谜时向何处导航。3nav-up规定在使用arrow-up导航键时向何处导航。3outline-offset对轮廊进行偏移，并在超出边框边缘的位置绘制轮廓。3resize规定是否可由用户对元素的尺寸进行调整c3CSS3选择器在CSS中，选择器是一种模式，用于选择需要添加样式的元素。HCSSH列指示该属性是在哪个CSS版木中定义的。(CSSlx CSS2还是CSS3o )选择器例子例子描述CSS,class.intro选择class=Hintro的所有元素。1#id#firstname选择id=firstnam
38、e”的所有元素。1*选择所有元素。2elementP选择所有p元素。1elementelement:div,p选择所有div元素和所有p元 素。1element elementdiv p选择div元素内部的所有p元 素。1elementelementdivp选择父元素为div元素的所有p 元素。2element+elementdiv+p选择紧接在div元素之后的所有p元素。2target选择带有target属性所有元素。2target=_blank选择target=_blank”的所有元素。2f attribute=ta/uetitle=flower选择title属性包含单词“flower”的
39、所 有元素。2aar7bute|=va/uelang|=en选择lang属性值以HenH开头的所有 兀素O2:linka:link选择所有未被访问的链接。1:visiteda:visited选择所有已被访问的链接。1:activea: active选择活动链接C1:hovera:hover选择鼠标指针位于其上的链接。1:focusinput:focus选择获得焦点的input元素。2:first-letterp: first-letter选择每个p元素的首字母。1:first-linep:first-line选择每个p元素的首行。1:first-childp:first-child选择属于父元素的第一个子元素的每个 p元素。2:beforep:before在每个p元素的内容之前插入内容。2:afterp: after在每个p元素的内容之后插入内容。2:lanq(/anquaqe)p:lang(it)选择带有以HitH开头的lang属性值的 每个p元素。2elementl element2pul选择前面有p元素的每个3元 素。3f attribute 八=a/ueasrcA=,htt
