《CSS属性》由会员分享，可在线阅读，更多相关《CSS属性（8页珍藏版）》请在金锄头文库上搜索。
1、 1 1.CSS 背景属性背景属性(Background).2 2.CSS 边框属性边框属性(Border 和和 Outline).2 3.CSS 表格属性表格属性(Table) 3 4.CSS 尺寸属性尺寸属性(Dimension) .3 5.CSS 打印属性打印属性(Print) 3 6.CSS 定位属性定位属性(Positioning) .3 7.CSS 列表属性列表属性(List) 4 8.CSS 内边框距属性内边框距属性(Padding) .4 9.CSS 外边框距属性外边框距属性(Margin) 5 10.CSS 伪类伪类(Pseudo-classes) 5 11.CSS 伪元素伪
2、元素(Pseudo elements) .5 12.CSS 文本属性文本属性(Text) .6 13.CSS 字体属性字体属性(Font) .6 14.CSS 内容生成内容生成 (Generated Content) .6 15.CSS 尺寸尺寸7 16.CSS 打印属性打印属性7 17.CSS 颜色颜色.8 2 CSS 背景属性背景属性(Background) 属性 描述 CSS Background 在一个声明中设置所有的背景属性。 1 Background-attachment 设置背景图像是否或者随着页面的其余部分滚动。 1 Background-color 设置元素的背景颜色。 1
3、Background-image 设置元素的背景图像 1 Background-position 设置背景图像的开始位置。 1 Background-repeat 设置是否及如何重复背景图像 1 CSS 边框属性边框属性(Border 和和 Outline) Border-bottom 在一个声明中设置所有的下拉框属性 1 Border-bottom-color 设置下边框的颜色 2 Border-bottom-style 设置下边框的样式 2 Border-bottom-width 设置下边框的宽度 1 Border-color 设置四条边框的颜色 1 Border-left 在一个声明中设
4、置所有的左边框属性 1 Border-left-color 设置左边框的颜色 2 Border-left-style 设置左边框的样式 2 Border-left-width 设置左边框的宽度 1 Border-right 在一个声明中设置所有的右边框属性 1 Border- right -color 设置右边框的颜色 2 Border- right -style 设置右边框的样式 2 Border- right -width 设置右边框的宽度 1 Border-style 设置四条边框的样式 1 Border-top 在一个声明中设置所有的上边框属性 1 Border- top -color
5、 设置上边框的颜色 2 Border- top -style 设置上边框的样式 2 Border- top -width 设置上边框的宽度 1 Border-width 设置四条边框的宽度 1 Outline 在一个声明中设置所有的轮廓属性 2 Outline -color 设置轮廓的样式 2 3 Outline -style 设置轮廓的宽度 2 Outline -width 设置轮廓的宽度 2 CSS 表格属性表格属性(Table) Border-collapse 规定是否合并表格边框 2 Border-spacing 规定相邻单元格边框之间的距离 2 Caption-side 规定表格标题
6、的位置 2 Empty-cells 规定是否显示表格的空单元格上的边框和背景 2 Table-layout 设置用于表格的布局算法 2 CSS 尺寸尺寸属性属性(Dimension) Height 设置元素高度 1 Max-height 设置元素的最大高度 2 Max-width 设置元素的最大宽度 2 Min-height 设置元素的最小高度 2 Min-width 设置元素的最小宽度 2 Width 设置元素宽度 1 CSS 打印属性打印属性(Print) Orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数 2 Page-break-after 设置元素后的分页行为 2
7、Page-break-before 设置元素前的分页行为 2 Page-break-inside 设置元素内部的分页行为 2 Windows 设置当元素内部发生分页是必须在页面顶部保留的最少行数 2 4 CSS 定位属性定位属性(Positioning) Bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移 2 Clear 规定元素的哪一侧不允许其他浮动 1 Clip 裁剪绝对定位元素 2 Cursor 规定要显示的光标的类型(形状) 2 Display 规定元素应该生成的框的类型 1 Float 规定是否移动应该浮动 1 Left 设置定位元素左外边距边界与其包含块左边界之间的偏
8、移 2 Overflow 规定当内容溢出元素框时发生的事件 2 Position 规定元素的定位类型 2 Right 设置定位元素右外边距边界与其包含块右边界之间的偏移 2 Top 设置定位元素上外边距边界与其包含块上边界之间的偏移 2 Vertical-align 设置元素的垂直对齐方式 1 Visibility 规定元素是否可见 2 Z-index 设置元素的堆叠顺序 2 CSS 列表属性列表属性(List) List-style 在一个声明中设置所有的列表属性 1 List-style-image 将图像设置为列表标记 1 List-style-position 设置列表项标记的放置位置
9、 1 List-style-type 设置列表项标记的类型 1 Marker-offset 1 CSS 内边框距属性内边框距属性(Padding) Padding 在一个声明中设置所有内边距属性 1 Padding-bottom 设置元素的下内边距 1 Padding-left 设置元素的左内边距 1 Padding-right 设置元素的右内边距 1 Padding-top 设置元素的上内边距 1 5 CSS 外外边框距属性边框距属性(Margin) Margin 在一个声明中设置所有外边距属性 1 Margin -bottom 设置元素的下外边距 1 Margin -left 设置元素的左
10、外边距 1 Margin -right 设置元素的右外边距 1 Margin -top 设置元素的上外边距 1 CSS 伪类伪类(Pseudo-classes) :active 向被激活的元素添加样式 1 :focus 向拥有键盘输入焦点的元素添加样式 2 :hover 当鼠标悬浮在元素上方时，向元素添加样式 1 :link 向未被访问的链接添加样式 1 :visited 向已被访问的链接添加样式 1 :first-child 向元素的第一子元素添加样式 2 :lang 向带有指定 lang 属性的元素添加样式 2 CSS 伪元素伪元素(Pseudo elements) :first-lett
11、er 向文本的第一个字母添加特殊样式 1 :first-line 向文本的首行添加特殊样式 1 :before 在元素之前添加内容 2 :after 在元素之后添加内容 2 6 CSS 文本属性文本属性(Text) Color 设置文本的颜色 1 Direction 规定文本的方向/书写方向 2 Letter-spacing 设置字符间距 1 Line-height 设置行高 1 Text-align 规定文本的水平对齐方式 1 Text-decoration 规定添加到文本的装饰效果 1 Text-indent 规定文本块首行的缩进 1 Text-shadow 规定添加到文本的阴影效果 2
12、Text-transform 控制文本的大小写 1 Unicode-bidi 设置文本方向 2 White-space 规定如何处理元素中的空白 1 Word-spacing 设置单词间距 1 CSS 字体属性字体属性(Font) Font 在一个声明中设置所有字体属性 1 Font-family 规定文本的字体系列 1 Font-size 规定文本的字体属性 1 Font-size-adjust 为元素规定 aspect 值 2 Font-stretch 收缩或拉伸当前的字体系列 2 Font-style 规定文本的字体样式 1 Font-variant 规定文本的字体样式 1 Font-w
13、eight 规定字体的粗细 1 CSS 内容生成内容生成 (Generated Content) Content 与:before 以及:after 伪元素配合使用，来插入生成内容 2 Counter-increment 递增或递减一个或多个计数器 2 Counter-reset 创建或重置一个或多个计数器 2 quotes 设置嵌套引用的引号类型 2 7 CSS 尺寸尺寸 单位 描述 % 百分比 In 英寸 Cm 厘米 Mm 毫米 Em 1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元 素一 12pt 显示，那么 2em 是 24pt。在 css 中，em 是非常有
14、用的单位，因为 它可以自动适应用户所使用的字体 Ex 一个 ex 即时一个字体的 x-height。 （x-height 通常是字体尺寸的一半） Pt 磅（1pt 等于 1/72 英寸） Pc 12 点活字（1pc 等于 12 点） Px 像素（计算机屏幕上的一个点） CSS 打印属性打印属性 打印打印 HTML 文档总是会出现问题， 在文档总是会出现问题， 在 CSS2中， 我们可以借助打印属性让打印中， 我们可以借助打印属性让打印 web 内容更容易一些内容更容易一些。 属性属性 描述描述 值值 Orphans 设置元素放在页面底部是所允许的最少文本 行数 Number Marks 设置是
15、否在内容区之外但是在画布的可打印 区域内防“十字标志” 。请注意，CSS2.1 已删 除该属性 None Crop Cross Page 这个属性与 size 属性结合可以指定打印一个元素是所有的特定页面类型。 请注意，在 CSS2.1 已删除该属性 Auto Identifier Page-break-after 设置元素后是否应当防止分页符 Auto Always Avoid Left Right Page-break-before 设置元素前是否应当放置分页符 Auto Always Avoid Left Right 8 Page-break-inside 设置元素内部是否应当防止分页符 Auto Avoid Size 利用这个属性，创作人员可以声明打印一个元素时所有的、页框的大小和方向。他可以与 page 结合使用。不过并不要求一定如此。请注 意，CSS2.1 已删除该属性 A
