CSS常用属性及描述

CSS常用属性及描述CSS背景属性（Background）属性值描述CSSbackgroundbody{background:#00FF00url(bgimage.gif)no-repeatfixedtop;}在一个声明中设置所有的背景属性。背景属性都不能继承1background-attachmentscroll，fixed设置背景图像是否固定或者随着页面的其余部分滚动。1background-color颜色值设置元素的背景颜色。背景属性都不能继承1background-imageurl('URL')设置元素的背景图像。1background-positioncenter，top，bottom，right，left设置背景图像的开始位置。top、bottom、left、right和center。通常，这些关键字会成对出现，不过也不总是这样。还可以使用长度值，如100px或5cm，最后也可以使用百分数值。1background-repeatrepeat，repeat-x，repeat-y，no-repeat设置是否及如何重复背景图像。repeat-x和repeat-y1CSS边框属性（Border和Outline）属性值描述CSSborder.d1{border:5pxsolidgray;}在一个声明中设置所有的边框属性。1border-stylenone(没有边框，无论边框宽度设为多大)dotted(点线式边框)dashed(破折线式边框)solid(直线式边框)double(双线式边框)groove(槽线式边框)ridge(脊线式边框)inset(内嵌效果的边框)outset(突起效果的边框)设置四条边框的样式。1border-color颜色值设置四条边框的颜色。1border-width使用px、cm等单位定义设置四条边框的宽度。若设置两个数，则第一个数为上下，第二个数为左右。如：border-width:01px;1border-top,border-top-width,border-top-style,border-top-color。border-bottom,border-bottom-width,border-bottom-style,border-bottom-color。border-left,border-left-width,border-left-style,border-left-color。border-right,border-right-width,border-right-style,border-right-color。使用px、cm等单位定义在一个声明中设置所有的单边框属性。单边边框属性上下左右四个边框不但可以统一设定，也可以分开设定。1outline在一个声明中设置所有的轮廓属性。轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。2outline-color颜色值设置轮廓的颜色。2outline-stylenone默认。定义无轮廓。dotted定义点状的轮廓。dashed定义虚线轮廓。solid定义实线轮廓。double定义双线轮廓。双线的宽度等同于outline-width的值。groove定义3D凹槽轮廓。此效果取决于outline-color值。ridge定义3D凸槽轮廓。此效果取决于outline-color值。inset定义3D凹边轮廓。此效果取决于outline-color值。outset定义3D凸边轮廓。此效果取决于outline-color值。inherit规定应该从父元素继承轮廓样式的设置。设置轮廓的样式。2outline-width使用px、cm等单位定义设置轮廓的宽度。2CSS文本属性（Text）属性值描述CSScolor颜色值设置文本的颜色。1directionltr默认。文本方向从左到右。rtl文本方向从右到左。规定文本的方向/书写方向。2letter-spacing使用px、cm等单位定义设置字符间距。1line-height使用px、cm等单位定义设置行高。1text-alignleft(居左，缺省值)right(居右)center(居中)justify(两端对齐)规定文本的水平对齐方式。1text-decorationnone(无，缺省值)underline(下划线)overline(上划线)line-through(当中划线)规定添加到文本的装饰效果。1text-indent使用px、cm等单位定义规定文本块首行的缩进。1text-transformnone默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母。lowercase定义无大写字母，仅有小写字母。控制文本的大小写。1CSS字体属性（Font）属性值描述CSSfont是各种字体属性的一种快捷的综合写法。这个属性可以综合字体风格属性(font-style)，字体变量属性(font-variant)，字体浓淡属性(font-weight)，字体大小属性(font-size)等属性。例句如下：.s1{font:italicnormalbold11ptarial}在一个声明中设置所有字体属性。1font-family字体名称规定文本的字体系列。1font-size最常用的是pt和px规定文本的字体尺寸。.s2{font-size:12pt}1font-stylenormal,italic规定文本的字体样式。1font-variantnormal是缺省值。small-caps表示小的大写字体规定文本的字体样式。1font-weightbold规定字体的粗细。1CSS外边距属性（Margin）属性值描述CSSmargin可以为上下左右边距设置相同的宽度。示例入下：.d1{margin:1cm}也可以分别设置边距，顺序是上，右，下，左。示例如下：.d1{margin:1cm2cm3cm4cm}在一个声明中设置所有外边距属性。顺序是上，右，下，左。margin:10px5px;上外边距和下外边距是10px右外边距和左外边距是5px1margin-bottom使用px、cm等单位定义设置元素的下外边距。1margin-left使用px、cm等单位定义设置元素的左外边距。1margin-right使用px、cm等单位定义设置元素的右外边距。1margin-top使用px、cm等单位定义设置元素的上外边距。1CSS内边距属性（Padding）属性值描述CSSpadding可以为上下左右间隙设置相同的宽度。示例入下：.d1{padding:1cm}也可以分别设置间隙，顺序是上，右，下，左。示例如下：.d1{padding:1cm2cm3cm4cm}在一个声明中设置所有内边距属性。顺序是上，右，下，左。padding:10px5px;则表示上内边距和下内边距是10px右内边距和左内边距是5px1padding-bottom使用px、cm等单位定义设置元素的下内边距。1padding-left使用px、cm等单位定义设置元素的左内边距。1padding-right使用px、cm等单位定义设置元素的右内边距。1padding-top使用px、cm等单位定义设置元素的上内边距。1CSS列表属性（List）属性值描述CSSlist-stylelist-style:squareinsideurl('/i/arrow.gif');在一个声明中设置所有的列表属性。1list-style-imageurl(arrow.gif)将图象设置为列表项标记。1list-style-positionoutside(以列表项内容为准对齐)inside(以列表项标记为准对齐)设置列表项标记的放置位置。1list-style-typedisc(缺省值，黑圆点)circle(空心圆点)square(小黑方块)decimal(数字排序)lower-roman(小写罗马字排序)upper-roman(大写罗马字排序)lower-alpha(小写字母排序)upper-alpha(大写字母排序)none(无列表项标记)设置列表项标记的类型。1CSS尺寸属性（Dimension）属性值描述CSSheight使用px、cm等单位定义设置元素高度。1max-height使用px、cm等单位定义设置元素的最大高度。2max-width使用px、cm等单位定义设置元素的最大宽度。2min-height使用px、cm等单位定义设置元素的最小高度。2min-width使用px、cm等单位定义设置元素的最小宽度。2width使用px、cm等单位定义设置元素的宽度。1CSS定位属性（Positioning）属性值描述CSSclearleft在左侧不允许浮动元素。right在右侧不允许浮动元素。both在左右两侧均不允许浮动元素。none默认值。允许浮动元素出现在两侧。规定元素的哪一侧不允许其他浮动元素。img{float:left;clear:both;}1displaynone此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。规定元素应该生成的框的类型。p{display:inline}li{display:inline}span{display:block}1floatleft元素向左浮动。right元素向右浮动。none默认值。元素不浮动，并会显示在其在文本中出现的位置。规定框是否应该浮动。1positionabsolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top,right以及bottom属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过left,top,right以及bottom属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定位。因此，left:20会向元素的LEFT位置添加20像素。static默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。规定元素的定位类型。#box_relative{position:absolute;left:30px;top:20px;}#box_relative{position:relative;left:30px;top:20px;}2CSS表格属性（Table）属性值描述CSSborder-collapsecollapse如果可能，边框会合并为一个单一的边框。规定是否合并表格边框。2border-spacinglengthlength规定相邻单元的边框之间的距离。使用px、cm等单位。不允许使用负值。如果定义一个length参数，那么定义的是水平和垂直间距。如果定义两个length参数，那么第一个设置水平间距，而第二个设置垂直间距。规定相邻单元格边框之间的距离。2caption-sidetop默认值。把表格标题定位在表格之上。bottom把表格标题定位在表格之下。规定表格标题的位置。2empty-cellshide默认。不在空单元格周围绘制边框。show在空单元格周围绘制边框。规定是否显示表格中的空单元格上的边框和背景。2table-layoutautomatic默认。列宽度由单元格内容设定。fixed列宽由表格宽度和列宽度设定。设置用于表格的布局算法。2CSS伪类（Pseudo-classes）属性描述CSS:active向被激活的元素添加样式。1:focus向拥有键盘输入焦点的元素添加样式。2:hover当鼠标悬浮在元素上方时，向元素添加样式。1:link向未被访问的链接添加样式。1:visited向已被访问的链接添加样式。1:first-child向元素的第一个子元素添加样式。2:lang向带有指定lang属性的元素添加样式