《W3cSchool_DIV+CSS2_参考手册.pdf》由会员分享，可在线阅读，更多相关《W3cSchool_DIV+CSS2_参考手册.pdf（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、CSS 参考手册CSS背景属性属性描述值background 简写属性，作用是将背景属性设置在一个声明中。background-color background-image background-repeat background-attachment background-position background-attachment 设置是否背景图像是固定的或随页面其余部分滚动。scroll fixed background-color 设置元素的背景颜色。color-rgb color-hex color-name transparent background-image 将图像设置为背景
2、。url none background-position 设置背景图像的起始位置。top left top center top right center left center center center right bottom left bottom center bottom right x-%y-%x-pos y-pos background-repeat 设置背景图像是否及如何重复。repeat repeat-x repeat-y no-repeat CSS 边框属性(border)属性描述值border 简写属性。作用是在一个声明中用来设置四个边框的所有属性。border-wi
3、dth border-style border-color border-bottom 简写属性。作用是在一个声明中用来设置底边框的所有属性。border-bottom-width border-style border-color border-bottom-color 设置底边框的颜色。border-color border-bottom-style 设置底边框的样式。border-style border-bottom-width 设置底边框的宽度。thin medium thick length border-color 设置四个边框的颜色，可以设置一到四个颜色。color borde
4、r-left 简写属性。用于在一个声明中设置左边框的所有属性。border-left-width border-style border-color border-left-color 设置左边框的颜色border-color border-left-style 设置左边框的样式。border-style border-left-width 设置左边框的宽度。thin medium thick length border-right 简写属性。将所有用于右边框的属性设置于一个声明中。border-right-width border-style border-color border-righ
5、t-color 设置右边框的颜色border-color border-right-style 设置右边框的样式border-style border-right-width 设置右边框的宽度。thin medium thick length border-style 设置四个边框的样式，可以设置一到四个样式。none hidden dotted dashed solid double groove ridge inset outset border-top 简写属性。将所有用于顶边框的属性设置于一个声明中。border-top-width border-style border-color
6、border-top-color 设置顶边框的颜色。border-color border-top-style 设置顶边框的样式。border-style border-top-width 设置顶边框的宽度。thin medium thick length border-width 简写属性。在一个声明中设置四个边框的宽度，可以设置一到四个值。thin medium thick length CSS文本属性属性描述值color 设置文本颜色color direction 设置文本方向ltr rtl letter-spacing 增加或减少字符间距normal length text-align
7、 排列元素中的文本left right center justify text-decoration 向文本添加修饰none underline overline line-through blink text-indent 缩进元素中文本的首行length%text-shadow none color length text-transform 控制 元素中的字 母none capitalize uppercase lowercase unicode-bidi normal embed bidi-override white-space 设置元素中 空白 的处理 方式normal pre n
8、owrap word-spacing 增加或减少字间距normal length CSS字体属性(font)属性描述值font 简写属性。作用是将所有针对 字体 的属性设置在一个声明中。font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar font-family 字体类型名称 或者针对某 元素的 类 属族名名称 的优先 列表。family-name generic-family font-size 设
9、置字 体的尺寸xx-small x-small small medium large x-large xx-large smaller larger length%font-size-adjust 为一个元素 规定 aspect 值。none number font-stretch 收缩或 拉伸当前 的字 体族。normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded font-style
10、设置字 体样式normal italic oblique font-variant 以小型小 写字 体或者正常 字 体显示 文本normal small-caps font-weight 设置字 体的粗细。normal bold bolder lighter 100 200 300 400 500 600 700 800 900 CSS 边距属性(border)属性描述值margin 简写属性。在一个声明中设置边距属性margin-top margin-right margin-bottom margin-left margin-bottom 设置元素的 下边距auto length%marg
11、in-left 设置元素的左边距auto length%margin-right 设置元素的右边距auto length%margin-top 设置元素的 上边距auto length%CSS 填充 属性(padding)属性描述值padding 简写属性。作用是在一个声明中设置元素的填充 属性。padding-top padding-right padding-bottom padding-left padding-bottom 设置元素底 端的填充length%padding-left 设置元素左 侧的填充length%padding-right 设置元素右 侧的填充length%padd
12、ing-top 设置元素顶 端的填充length%CSS 列 表属性(list)属性描述值list-style 简写属性。用于将所有用于列表的属性设置于一个声明之中。list-style-type list-style-position list-style-image list-style-image 将图 象设置为列 表项标记none url list-style-position 设置列 表中列 表项标记被放置的位置inside outside list-style-type 设置列 表项标记 的类型none disc circle square decimal decimal-lead
13、ing-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha marker-offset auto length 内容生成属性描述值content 生成 文档中的 内容。与:before 以及:after 伪元素 配合使用string url counter(name)counter(name,l
14、ist-style-type)counters(name,string)counters(name,string,list-style-type)attr(X)open-quote close-quote no-open-quote no-close-quote counter-increment 设置 每当某 个选择器出现时计数器的增加值none identifier number counter-reset 设置 每当某 个选择器出现时计数器被设置的值none identifier number quotes 设置 引号 的类型none string string 轮廓属性描述值outli
15、ne 简写属性。用来在一个声明中设置所有的outline属性。outline-color outline-style outline-width outline-color 设置 围绕 元素的 轮廓 的颜色color invert outline-style 设置 围绕 元素的 轮廓 的样式none dotted dashed solid double groove ridge inset outset outline-width 设置 围绕 元素的 轮廓 的宽度thin medium thick length CSS 尺寸 属性(Dimension)属性描述值height 设置元素 高度au
16、to length%line-height 设置行间距normal number length%max-height 设置元素的 最大高 度none length%max-width 设置元素的 最大 宽度none length%min-height 设置元素的 最小高 度length%min-width 设置元素的 最小 宽度length%width 设置元素的宽度auto%length CSS 分 类属性(Classification)属性描述值clear 设置 不允许存 在浮动对象 的边left right both none cursor 规定 光标类型（形状）url auto cro
17、sshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help display 设置如何及是否显示某 元素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-co
18、lumn table-cell table-caption float 设置图像或文本出现 于另一元素中的何 处left right none position 元素的定位方式：静态、相对 定位、绝对 定位、固定定位static relative absolute fixed visibility 设置元素可 见或不可见visible hidden collapse CSS 定位属性(Positioning)属性描述值bottom 设置元素的底边距离 其 父 元素的底边之上 或 之下的距 离。auto%length clip 设置元素的 形状。元素 被剪 入这 个形状之 中，然后被显示出 来。
19、shape auto left 设置元素的左边与其 父 元素的右边或左边的的距离。auto%length overflow 设置 当元素 内容 溢出 其 区域 时 如何 对内容 进行 管理visible hidden scroll auto position 将元素 放 置于 静态、相对、绝对或固定的位置static relative absolute fixed right 设置元素的右边距父 元素右边的左侧或右 侧 的距 auto 离%length top 设置元素的顶边距父 元素的顶边的上方或 下 方的距离auto%length vertical-align 设置元素的 垂直 排列。ba
20、seline sub super top text-top middle bottom text-bottom length%z-index 设置元素的 堆叠顺序auto number 伪类伪类作用:active 将样式添加到被激活 的元素:focus 将样式添加到被选 中的元素:hover 当鼠标悬 浮在元素 上方 时，向元素添加样式:link 将特殊 的样式添加到 未 被访问过 的链接:visited 将特殊 的样式添加到 被 访问过 的链接:first-child 将特殊 的样式添加到元素的第一个 子元素:lang 允许 创作 者来定 义指 定的元素中 使用的 语言伪元素伪类作用:first-letter 将特殊 的样式添加到文本的首字母:first-line 将特殊 的样式添加到文本的首行:before 在某 元素 之前 插入 某些内容:after 在某 元素 之后插入 某些内容