CSS精简参考手册下【Emottle】.doc

SS 背景属性（Background）属性描述CSSbackground在一个声明中设置所有的背景属性。background:#FFF url(bgimage.gif) no-repeat 0 -68px;background-attachment设置背景图像是否固定或者随着页面的其余部分滚动background-image: url(bgimage.gif);background-attachment: fixed;background-color设置元素的背景颜色。background-color:#00ff00; background-color:yellow;background-image设置元素的背景图像。background-image: url(bgimage.gif);background-position设置背景图像的开始位置。background-position: top left right bottom;background-repeat设置是否及如何重复背景图像。background-repeat: repeat -x -y;CSS 边框属性（Border 和 Outline）属性描述CSSborder在一个声明中设置所有的边框属性。border:5px solid red;border-bottom在一个声明中设置所有的下边框属性。border-bottom:thick dotted #ff0000;border-bottom-color设置下边框的颜色。border-bottom-color:#ff0000;border-bottom-style设置下边框的样式。border-bottom-style:dotted;border-bottom-width设置下边框的宽度。border-bottom-width:15px;border-color设置四条边框的颜色。border-color:red green blue pink;border-left在一个声明中设置所有的左边框属性。border-left:thick double #ff0000;border-left-color设置左边框的颜色。border-left-color:#ff0000;border-left-style设置左边框的样式。border-left-style:dotted;border-left-width设置左边框的宽度。border-left-width:15px;border-right在一个声明中设置所有的右边框属性。border-right:thick double #ff0000;border-right-color设置右边框的颜色。border-right-color:#ff0000;border-right-style设置右边框的样式。border-right-style:dottedborder-right-width设置右边框的宽度。border-right-width:15px;border-style设置四条边框的样式。border-style:dotted solid double dashed;border-top在一个声明中设置所有的上边框属性。border-top:thick double #ff0000;border-top-color设置上边框的颜色。border-top-color:#ff0000;border-top-style设置上边框的样式。border-top-style:dotted;border-top-width设置上边框的宽度。border-top-width:15px;border-width设置四条边框的宽度。border-width:thin medium thick 10px;outline在一个声明中设置所有的轮廓属性。outline:#00FF00 dotted thick;outline-color设置轮廓的颜色。outline-color:#00ff00;outline-style设置轮廓的样式。outline-style:dotted;outline-width设置轮廓的宽度。outline-width:5px;CSS 文本属性（Text）属性描述CSScolor设置文本的颜色。color:#00ff00; color:red; color:rgb(0,0,255);direction规定文本的方向 / 书写方向。direction: ltr; direction: rtl;letter-spacing设置字符间距。letter-spacing:2px; letter-spacing:-2px;line-height设置行高。line-height:90%; line-height:200%text-align规定文本的水平对齐方式。text-align:center; text-align:left; text-align:righttext-decoration规定添加到文本的装饰效果。Overline; underline; line-through; blinktext-indent规定文本块首行的缩进。text-indent:50pxtext-shadow规定添加到文本的阴影效果。-text-transform控制文本的大小写。capitalize; lowercase; uppercaseunicode-bidi设置文本方向。-white-space规定如何处理元素中的空白。Pre; nowrap; pre-wrap; pre-lineword-spacing设置单词间距。word-spacing:25px;CSS 字体属性（Font）属性描述CSSfont在一个声明中设置所有字体属性。font:italic bold 12px/20px arial,sans-serif;font-family规定文本的字体系列。font-family:Times New Roman,Georgia,Serif;font-size规定文本的字体尺寸。font-size:200%;font-size-adjust为元素规定 aspect 值。font-size-adjust:0.58;font-stretch收缩或拉伸当前的字体系列。font-stretch:ultra-condensed;font-style规定文本的字体样式。font-style:italic; font-style:oblique;font-variant规定文本的字体样式。font-variant:small-caps;font-weight规定字体的粗细。font-weight:bold; font-weight:900;CSS 外边距属性（Margin）属性描述CSSmargin在一个声明中设置所有外边距属性。margin:10px 5px 15px 20px;margin-bottom设置元素的下外边距。margin-bottom:2cm;margin-left设置元素的左外边距。margin-left:2cm;margin-right设置元素的右外边距。margin-right:2cm;margin-top设置元素的上外边距。margin-top:2cm;CSS 内边距属性（Padding）属性描述CSSpadding在一个声明中设置所有内边距属性。padding:10px 5px 15px 20px;padding-bottom设置元素的下内边距。padding-bottom:2cm;padding-left设置元素的左内边距。padding-left:2cm;padding-right设置元素的右内边距。padding-right:2cm;padding-top设置元素的上内边距。padding-top:2cm;CSS 列表属性（List）属性描述CSSlist-style在一个声明中设置所有的列表属性。list-style:square inside url(/i/arrow.gif);list-style-image将图象设置为列表项标记。list-style-image:url(/i/arrow.gif); square;list-style-position设置列表项标记的放置位置。list-style-position:inside;list-style-type设置列表项标记的类型。list-style-type:circle; lower-roman upper-romanmarker-offset内容生成（Generated Content）属性描述CSScontent与 :before 以及 :after使用，插入生成content: ( attr(href) );counter-increment递增或递减一个或多个计数器。counter-increment:section;counter-reset创建或重置一个或多个计数器。counter-reset:subsection;quotes设置嵌套引用的引号类型。quotes: ;CSS 尺寸属性（Dimension）属性描述CSSheight设置元素高度。height:100px;max-height设置元素的最大高度。max-height:100px;max-width设置元素的最大宽度。max-width:100px;min-height设置元素的最小高度。min-height:100px;min-width设置元素的最小宽度。min-width:100px;width设置元素的宽度。width:100px;CSS 定位属性（Positioning）属性描述CSSbottom设置定位元素下外边距边界与其包含块下边界之间的偏移。bottom:5px;clear规定元素的哪一侧不允许其他浮动元素。clear:both;clip剪裁绝对定位元素。clip:rect(0px,60px,200px,0px);cursor规定要显示的光标的类型（形状）。cursor:wait; cursor: pointer;display规定元素应该生成的框的类型。display:inline; display:block;float规定框是否应该浮动。float:right;left设置定位元素左外边距边界与其包含块左边界之间的偏移。left:100px;overflow规定当内容溢出元素框时发生的事情。overflow:scroll;position规定元素的定位类型。position:absolute;right设置定位元素右外边距边界与其包含块右边界之间的偏移。right:5px;top设置定位元素的上外边距边界与其包含块上边界之间的偏移。position:absolute; top:5px;vertical-align设置元素的垂直对齐方式。vertical-align:text-top;visibility规定元素是否可见。visibility:hidden;z-index设置元素的堆叠顺序。z-index:-1;CSS 打印属性（Print）属性描述CSSorphans设置当元素内部发生分页时必须在页面底部保留的最少行数。page-break-after设置元素后的分页行为。page-break-after:always;page-break-before设置元素前的分页行为。page-break-before:always;page-break-inside设置元素内部的分页行为。page-break-inside:avoid;widows设置当元素内部发生分页时必须在页面顶部保留的最少行数。CSS 表格属性（Table）属性描述CSSborder-collapse规定是否合并表格边框。border-collapse:collapse;border-spacing规定相邻单元格边框之间的距离。border-spacing:10px 50px;caption-side规定表格标题的位置。caption-side:bottom;empty-cells规定是否显示表格中的空单元格上的边框和背景。empty-cells:hide;table-layout设置用于表格的布局算法。table-layout:fixed;CSS 伪类（Pseudo-classes）属性描述CSS:active向被激活的元素添加样式。a:active color: #0000FF:focus向拥有键盘输入焦点的元素添加样式。a:focus color: #00FF00:hover当鼠标悬浮在元素上方时，向元素添加样式。a:hover color: #FF00FF :link向未被访问的链接添加样式。a:link color: #FF0000:visited向已被访问的链接添加样式。a:visited color: #00FF00:first-child向元素的第一个子元素添加样式。first-child emfont-weight:bold:lang向带有指定 lang 属性的元素添加样式。q:l