CSS参数.docx

1、CSS参数CSS 背景属性属性描述值IEFNW3Cbackground简写属性，作用是将背景属性设置在一个声明中。 background-color background-image background-repeat background-attachment background-position4161background-attachment背景图像是否固定或者随着页面的其余部分滚动。 scroll fixed4161background-color设置元素的背景颜色。 color-rgb color-hex color-name transparent4141background-i

2、mage把图像设置为背景。 url none4141background-position设置背景图像的起始位置。 top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos4161background-repeat设置背景图像是否及如何重复。 repeat repeat-x repeat-y no-repeat4141CSS 边框属性 (border)属性描述值IEFNW3Cborder简写属性。作

3、用是在一个声明中用来设置四个边框的所有属性。 border-width border-style border-color4141border-bottom简写属性。作用是在一个声明中用来设置下边框的所有属性。 border-bottom-width border-style border-color4161border-bottom-color设置下边框的颜色。border-color4162border-bottom-style设置下边框的样式。border-style4162border-bottom-width设置下边框的宽度。 thin medium thick length4141

4、border-color设置四个边框的颜色，可以设置一到四个颜色。color4161border-left简写属性。用于在一个声明中设置左边框的所有属性。 border-left-width border-style border-color4161border-left-color设置左边框的颜色。border-color4162border-left-style设置左边框的样式。border-style4162border-left-width设置左边框的宽度。 thin medium thick length4141border-right简写属性。将所有用于右边框的属性设置于一个声明中

5、。 border-right-width border-style border-color4161border-right-color设置右边框的颜色border-color4162border-right-style设置右边框的样式border-style4162border-right-width设置右边框的宽度。 thin medium thick length4141border-style设置四个边框的样式，可以设置一到四个样式。 none hidden dotted dashed solid double groove ridge inset outset4161border-t

6、op简写属性。将所有用于上边框的属性设置于一个声明中。 border-top-width border-style border-color4161border-top-color设置上边框的颜色。border-color4162border-top-style设置上边框的样式。border-style4162border-top-width设置上边框的宽度。 thin medium thick length4141border-width简写属性。在一个声明中设置四个边框的宽度，可以设置一到四个值。 thin medium thick length4141属性描述值IEFNW3Ccolor设

7、置文本颜色。color3141direction设置文本方向。 ltr rtl6162letter-spacing设置字符间距。 normal length4161text-align对齐元素中的文本。 left right center justify4141text-decoration向文本添加修饰。 none underline overline line-through blink4141text-indent缩进元素中文本的首行。 length %4141text-shadow none color length text-transform控制元素中的字母。 none capit

8、alize uppercase lowercase4141unicode-bidi设置文本方向。 normal embed bidi-override5 2white-space设设置元素中空白的处理方式。 normal pre nowrap5141word-spacing设置字间距。 normal length6161CSS 文本属性CSS 字体属性 (font)属性描述值IEFNW3Cfont简写属性。作用是将所有针对字体的属性设置在一个声明中。 font-style font-variant font-weight font-size/line-height font-family ca

9、ption icon menu message-box small-caption status-bar4141font-family字体类型名称或者针对某元素的类属族名名称的优先列表。 family-name generic-family3141font-size设置字体的尺寸。 xx-small x-small small medium large x-large xx-large smaller larger length %3141font-size-adjust为元素规定 aspect 值。none number-2font-stretch收缩或拉伸当前的字体族。 normal wi

10、der narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded-2font-style设置字体样式。 normal italic oblique4141font-variant以小型小写字体或者正常字体显示文本 normal small-caps4161font-weight设置字体的粗细。 normal bold bolder lighter 100 200 300 400 500 600 700 800 900

11、4141CSS 外边距属性 (margin)属性描述值IEFNW3Cmargin简写属性。在一个声明中设置外边距属性。 margin-top margin-right margin-bottom margin-left4141margin-bottom设置元素的下外边距。 auto length %4141margin-left设置元素的左外边距。 auto length %3141margin-right设置元素的右外边距。 auto length %3141margin-top设置元素的上外边距。 auto length %3141CSS 内边距属性 (padding)属性描述值IEFNW

12、3Cpadding简写属性。作用是在一个声明中设置元素的内边距属性。 padding-top padding-right padding-bottom padding-left4141padding-bottom设置元素的下内边距。 length %4141padding-left设置元素的左内边距。 length %4141padding-right设置元素的右内边距。 length %4141padding-top设置元素的上内边距。 length %4141CSS 列表属性 (list)属性描述值IEFNW3Clist-style简写属性。用于将所有用于列表的属性设置于一个声明之中。 l

13、ist-style-type list-style-position list-style-image4161list-style-image将图象设置为列表项标记。 none url4161list-style-position设置列表中列表项标记被放置的位置。 inside outside4161list-style-type设置列表项标记的类型。 none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-lat

14、in upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha4141marker-offset auto length 172内容生成属性描述值IEFNW3Ccontent生成文档中的内容。与 :before 以及 :after 伪元素配合使用。stringurlcounter(name)counter(name, list-style-type)counters(name, string)counters(name, string, list-st

15、yle-type)attr(X)open-quoteclose-quoteno-open-quoteno-close-quote 162counter-increment设置某个选取器每次出现的计数器增量。noneidentifier number 2counter-reset设置某个选择器出现次数的计数器的值。noneidentifier number 2quotes设置引号的类型。nonestring string-162轮廓属性描述值IEFNW3Coutline简写属性。用来在一个声明中设置所有的 outline 属性。outline-coloroutline-styleoutline-

16、width-1.5-2outline-color设置围绕元素的轮廓的颜色。colorinvert-1.5-2outline-style设置围绕元素的轮廓的样式。nonedotteddashedsoliddoublegrooveridgeinsetoutset-1.5-2outline-width设置围绕元素的轮廓的宽度。thinmediumthicklength-1.5-2CSS 尺寸属性 (Dimension)属性描述值IEFNW3Cheight设置元素高度。 auto length %4161line-height设置行间距。 normal number length %4141max-h

17、eight设置元素的最大高度。 none length %-162max-width设置元素的最大宽度。 none length %-162min-height设置元素的最小高度。 length %-162min-width设置元素的最小宽度。 length %-162width设置元素的宽度。 auto % length4141CSS 分类属性 (Classification)属性描述值IEFNW3Cclear设置不允许存在浮动对象的边 left right both none4141cursor规定光标类型（形状） url auto crosshair default pointer mo

18、ve e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help4162display设置如何及是否显示某元素 none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-c

19、aption4141float设置图像或文本出现于另一元素中的何处 left right none4141position元素的定位方式：静态、相对定位、绝对定位、固定定位 static relative absolute fixed4142visibility设置元素可见或不可见 visible hidden collapse4162CSS 定位属性 (Positioning)属性描述值IEFNW3Cbottom设置定位元素下外边距边界与其包含块下边界之间的偏移。 auto % length5162clip设置元素的形状。 shape auto4162left设置定位元素左外边距边界与其包含

20、块左边界之间的偏移。 auto % length4142overflow设置当元素的内容溢出其区域时发生的事情。 visible hidden scroll auto4162position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 static relative absolute fixed4142right设置定位元素右外边距边界与其包含块右边界之间的偏移。 auto % length5162top设置定位元素的上外边距边界与其包含块上边界之间的偏移。 auto % length4142vertical-align设置元素的垂直排列。 baseline sub super t

21、op text-top middle bottom text-bottom length %4141z-index设置元素的堆叠顺序。 auto number4162CSS 表格属性属性描述border-collapse设置是否把表格边框合并为单一的边框。border-spacing设置分隔单元格边框的距离。（仅用于 separated borders 模型）caption-side设置表格标题的位置。empty-cells设置是否显示表格中的空单元格。（仅用于 separated borders 模型）table-layout设置显示单元、行和列的算法。CSS 伪类伪类作用IEFNW3C:a

22、ctive将样式添加到被激活的元素。4181:focus将样式添加到被选中的元素。-2:hover当鼠标悬浮在元素上方时，向元素添加样式。4171:link将特殊的样式添加到未被访问过的链接。3141:visited将特殊的样式添加到被访问过的链接。3141:first-child将特殊的样式添加到元素的第一个子元素。 172:lang允许创作者来定义指定的元素中使用的语言。 182CSS 伪元素伪元素作用IEFNW3C:first-letter向文本的第一个字母添加特殊样式。5181:first-line向文本的首行添加特殊样式。5181:before在元素内容之前插入内容。 1.582:after在元素内容之后插入内容。 1.582 Previous Page Next Page窗体顶端Search: 窗体底端CSS 参考手册CSS 实例CSS 测验