CSS用户手册(已精心整理)

一、CSS背景属性（Background） background简写属性在一个声明中设置所有的背景属性。 {backgroud:background-color;background-image;background-repeat;background-attachment;background-position;} l background-color:redrgb(255,255,255)#000000设置背景颜色 l background-image：url(bgimage.gif);（值为图片的路径）设置背景图像 l background-repeat：设置图像的排列 repeat 默认。背景图像将在垂直方向和水平方向重复。 repeat-x 背景图像将在水平方向重复。 repeat-y 背景图像将在垂直方向重复。 no-repeat 背景图像将仅显示一次。 inherit 规定应该从父元素继承background-repeat属性的设置。     l background-attachment：设置背 l 图像是否固定或者随着页面的其余部分滚动。 scroll 默认值。背景图像会随着页面其余部分的滚动而移动。 fixed 当页面的其余部分滚动时，背景图像不会移动。 inherit 规定应该从父元素继承background-attachment属性的设置。     l background-position：topleft;x%y%;5px50px设置背景图像的起始位置。 l l 景 二、CSS边框属性（Border和Outline） border：简写属性在一个声明设置所有的边框属性 {border:border-width;border-color;border-style;} border-width:设置边框宽度 *thin定义细的边框 *medium 默认。定义中等的边框。 *thick 定义粗的边框。 *length 允许您自定义边框的宽度。(15px) *inherit 规定应该从父元素继承边框宽度。     border-color:设置边框颜色 *color_name 规定颜色值为颜色名称的边框颜色（比如red）。 *hex_number 规定颜色值为十六进制值的边框颜色（比如#ff0000）。 *rgb_number 规定颜色值为rgb代码的边框颜色（比如rgb(255,0,0)）。 *transparent 默认值。边框颜色为透明。 *inherit 规定应该从父元素继承边框颜色。     border-style:设置边框样式 *none 定义无边框。 *hidden 与"none"相同。不过应用于表时除外，对于表，hidden用于解决边框冲突。 *dotted 定义点状边框。在大多数浏览器中呈现为实线。 *dashed 定义虚线。在大多数浏览器中呈现为实线。 *solid 定义实线。 *double 定义双线。双线的宽度等于border-width的值。 *groove 定义3D凹槽边框。其效果取决于border-color的值。 *ridge 定义3D垄状边框。其效果取决于border-color的值。 *inset 定义3Dinset边框。其效果取决于border-color的值。 *outset 定义3Doutset边框。其效果取决于border-color的值。 *inherit 规定应该从父元素继承边框样式。     --------border-bottom简写属性把下边框的所有属性设置到一个声明中. --------border-top/right/bottom/left {border-bottom:border-bottom-width;border-bottom-style;border-bottom-color;} -------border-style/width/color: outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 {outline:outline-color;outline-style;outline-width;} 三、CSS文本属性（Text） color：设置文本颜色 direction：设置文本的方向/书写方向 *ltr 默认。文本方向从左到右。 *rtl 文本方向从右到左。 *inherit 规定应该从父元素继承direction属性的值。     letter-spacing：设置字符间距 *normal 默认。规定字符间没有额外的空间。 *length 定义字符间的固定空间（允许使用负值）。 *inherit 规定应该从父元素继承letter-spacing属性的值。     line-height：设置（行高） *normal 默认。设置合理的行间距。 *number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 *length 设置固定的行间距。 *% 基于当前字体尺寸的百分比行间距。 *inherit 规定应该从父元素继承line-height属性的值。     text-align: 文本的水平对齐方式。     *left 把文本排列到左边。默认值：由浏览器决定。 *right 把文本排列到右边。 *center 把文本排列到中间。 *justify 实现两端对齐文本效果。 *inherit 规定应该从父元素继承text-align属性的值。     text-decoration 规定添加到文本的装饰效果。     *none 默认。定义 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 的文本。 *underline 定义文本下的一条线。 *overline 定义文本上的一条线。 *line-through 定义穿过文本下的一条线。 *blink 定义闪烁的文本。 *inherit 规定应该从父元素继承text-decoration属性的值。     text-indent 规定文本块首行的缩进     *length 定义固定的缩进。默认值：0。 *% 定义基于父元素宽度的百分比的缩进。 *inherit 规定应该从父元素继承text-indent属性的值。     text-transform控制文本的大小写。 *none 默认。定义带有小写字母和大写字母的标准的文本。 *capitalize 文本中的每个单词以大写字母开头。 *uppercase 定义仅有大写字母。 *lowercase 定义无大写字母，仅有小写字母。 *inherit 规定应该从父元素继承text-transform属性的值。     text-shadow 规定添加到文本的阴影效果。     unicode-bidi 设置文本方向。     white-space属性设置如何处理元素内的空白 *normal 默认。空白会被浏览器忽略。 *pre 空白会被浏览器保留。其行为方式类似HTML中的

标签。

	*nowrap
	文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。

	*pre-wrap
	保留空白符序列，但是正常地进行换行。

	*pre-line
	合并空白符序列，但是保留换行符。

	*inherit
	规定应该从父元素继承white-space属性的值。

	 
	 


word-spacing属性增加或减少单词间的空白（即字间隔）
	*normal
	默认。定义单词间的标准空间。

	*length
	定义单词间的固定空间。

	*inherit
	规定应该从父元素继承word-spacing属性的值。

	 
	 


四、CSS字体属性（Font）
font:font-style;font-variant;font-weight;
l font-style:规定字体样式
	*normal
	默认值。浏览器显示一个标准的字体样式。

	*italic
	浏览器会显示一个斜体的字体样式。

	*oblique
	浏览器会显示一个倾斜的字体样式。

	*inherit
	规定应该从父元素继承字体样式。

	 
	 


l font-variant:规定字体异体
	*normal
	默认值。浏览器会显示一个标准的字体。

	*small-caps
	浏览器会显示小型大写字母的字体。

	*inherit
	规定应该从父元素继承font-variant属性的值。

	 
	 


l font-weight属性设置文本的粗细
	*normal
	默认值。定义标准的字符。

	*bold
	定义粗体字符。

	*bolder
	定义更粗的字符。

	*lighter
	定义更细的字符。

	 
	 


l *100-900
	*inherit
	规定应该从父元素继承字体的粗细。

	 
	 


l font-size/line-height规定字体尺寸和行高
	*smaller
	把font-size设置为比父元素更小的尺寸。

	*larger
	把font-size设置为比父元素更大的尺寸。

	*length
	把font-size设置为一个固定的值。

	*%
	把font-size设置为基于父元素的一个百分比值。

	*inherit
	规定应该从父元素继承字体尺寸。

	 
	 


l *xx-small到xx-large默认值：medium
l font-family规定字体系列
l 
	*caption
	定义被标题控件（比如按钮、下拉列表等）使用的字体。

	*icon
	定义被图标标记使用的字体。

	*menu
	定义被下拉列表使用的字体。

	*message-box
	定义被对话框使用的字体。

	*small-caption
	caption字体的小型版本。

	*status-bar
	定义被窗口状态栏使用的字体。

	 
	 


l 
五、CSS外边距属性（Margin）
{margin:margin-top;margin-right;margin-bottom;margin-left;}
	margin
	在一个声明中设置所有外边距属性。
	 

	margin-bottom
	设置元素的下外边距。
	 

	margin-left
	设置元素的左外边距。
	 

	margin-right
	设置元素的右外边距。
	 

	margin-top
	设置元素的上外边距。
	 

	 
	 
	 


	*auto
	浏览器计算外边距。

	*length
	规定以具体单位计的外边距值，比如像素、厘米等。默认值是0px。

	*%
	规定基于父元素的宽度的百分比的外边距。

	*inherit
	规定应该从父元素继承外边距。

	 
	 


六、CSS内边距属性（Padding）
｛padding:padding-top;padding-right;padding-bottom;padding-left;｝
七、CSS列表属性（List）
｛list-style:list_style-type;list_style_position;list-style-image;｝
l list-style-type设置列表项标记的类型
	none
	无标记。

	disc
	默认。标记是实心圆。

	circle
	标记是空心圆。

	square
	标记是实心方块。

	decimal
	标记是数字。

	decimal-leading-zero
	0开头的数字标记。(01,02,03,等。)

	lower-roman
	小写罗马数字(i,ii,iii,iv,v,等。)

	upper-roman
	大写罗马数字(I,II,III,IV,V,等。)

	lower-alpha
	小写英文字母Themarkerislower-alpha(a,b,c,d,e,等。)

	upper-alpha
	大写英文字母Themarkerisupper-alpha(A,B,C,D,E,等。)

	lower-greek
	小写希腊字母(alpha,beta,gamma,等。)

	lower-latin
	小写拉丁字母(a,b,c,d,e,等。)

	upper-latin
	大写拉丁字母(A,B,C,D,E,等。)

	hebrew
	传统的希伯来编号方式

	armenian
	传统的亚美尼亚编号方式

	georgian
	传统的乔治亚编号方式(an,ban,gan,等。)

	cjk-ideographic
	简单的表意数字

	hiragana
	标记是：a,i,u,e,o,ka,ki,等。（日文片假名）

	katakana
	标记是：A,I,U,E,O,KA,KI,等。（日文片假名）

	hiragana-iroha
	标记是：i,ro,ha,ni,ho,he,to,等。（日文片假名）

	katakana-iroha
	标记是：I,RO,HA,NI,HO,HE,TO,等。（日文片假名）

	 
	 


l list-style-position设置在何处放置列表项标记