《CSS常用属性及描述》由会员分享，可在线阅读，更多相关《CSS常用属性及描述（8页珍藏版）》请在金锄头文库上搜索。
1、CSS 常用属性及描述CSS 背景属性(Background)属性值描述CSSbackgroundbodybackground:#00FF00 url(bgimage.gif) no-repeat fixed top; 在一个声明中设置所有的背景 属性。背景属性都不能继承1background-attachmentscroll, fixed设置背景图像是否固定或者随 着页面的其余部分滚动。1background-color颜色值设置元素的背景颜色。背景属性都不能继承1background-imageurl(URL)设置元素的背景图像。1background-positioncenter , t
2、op , 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:5px solid gray;在一个声明中设置所有的边
3、框 属性。1border-stylenone （没有边框，无论边框宽度设为 多大）dotted （点线式边框） dashed （破折线式边框） solid （直线式边框） double （双线式边框） groove （槽线式边框） ridge（脊线式边框） inset （内嵌效果的边框） outset （突起效果的边框）设置四条边框的样式。1border-color颜色值设置四条边框的颜色。1border-width使用px、cm等单位定义设置四条边框的宽度。若设置两个数，则第一个数为 上下，第二个数为左右。如： border-width:0 1px;1border-top, border-t
4、op-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等单位定义在一个声明中设置所有的单边 框属性。单边边
5、框属性上下左右四个边框不但可以统 一设定，也可以分开设定。1outline在一个声明中设置所有的轮廓 属性。轮廓（outline）是绘制 于元素周围的一条线，位于边 框边缘的外围，可起到突出元 素的作用。2outline-color颜色值设置轮廓的颜色。2outline-stylenone默认。定义无轮廓。 dotted定义点状的轮廓。 dashed定义虚线轮廓。 solid定义实线轮廓。double定义双线轮廓。双线的宽度 等同于outline-width的值。groove定义3D凹槽轮廓。此效果 取决于 outline-color 值。ridge定义3D凸槽轮廓。此效果取 决于 outli
6、ne-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等单
7、位定义设置行高。1text-alignleft （居左，缺省值） right （居右） center （居中） justify （两端对齐）规定文本的水平对齐方式。1text-decorationnone （无，缺省值） underline （下划线） overline （上划线） line-through （当中划线）规定添加到文本的装饰效果。1text-indent使用px、cm等单位定义规定文本块首行的缩进。1text-transformnone默认。定义带有小写字母和大 写字母的标准的文本。capitalize文本中的每个单词以大写 字母开头。uppercase定义仅有大写字母。控制文
8、本的大小写。1CSS字体属性(Font)属性值描述CSSfont是各种字体属性的一种快捷的综合 写法。这个属性可以综合字体风格属 性(font-style),字体变量属性 (font-variant)，字体浓淡属性 (font-weight)，字体大小属性 (font-size)等属性。例句如下：.s1 font:italic normal bold 11pt arial在一个声明中设置所有字体属 性。1font-family字体名称规定文本的字体系列。1font-size最常用的是pt和px规定文本的字体尺寸。.s2 font-size:12pt1font-stylenor mal, ita
9、lic规定文本的字体样式。1font-variantnormal 是缺省值。small-caps 表示小的大写字体规定文本的字体样式。1font-weightbold规定字体的粗细。1CSS外边距属性(Margin)属性值描述CSSmargi n可以为上下左右边距设置相同的宽 度。示例入下：.d1 margin:1cm也可以分别设置边距，顺序是上，右，下，左。示例如下：.d1 margin:1cm 2cm 3cm 4cm在一个声明中设置所有外边距 属性。顺序是上，右，下，左。margin:10px 5px;上外边距和下外边距是10px 右外边距和左外边距是5px1margin-bottom使用
10、px、cm等单位定义设置元素的下外边距。1margin-left使用px、cm等单位定义设置元素的左外边距。1margin-right使用px、cm等单位定义设置元素的右外边距。1margin-top使用px、cm等单位定义设置元素的上外边距。1CSS 内边距属性( Padding)属性值描述CSSpadding可以为上下左右间隙设置相同的宽 度。示例入下：.d1 padding:1cm也可以分别设置间隙，顺序是上，右，下，左。示例如下：.d1 padding:1cm 2cm 3cm 4cm在一个声明中设置所有内边距 属性。顺序是上，右，下，左。padding:10px 5px;则表示 上内边
11、距和下内边距是10px 右内边距和左内边距是5px1padding-bottom使用px、cm等单位定义设置元素的下内边距。1padding-left使用px、cm等单位定义设置元素的左内边距。1padding-right使用px、cm等单位定义设置元素的右内边距。1padding-top使用px、cm等单位定义设置元素的上内边距。1CSS列表属性（List）属性值描述CSSlist-stylelist-style:square inside url(/i/arrow.gif);在一个声明中设置所有的列表 属性。1list-style-imageurl(arrow.gif)将图象设置为列表项标
12、记。1list-style-positionoutside （以列表项内容为准对齐） inside （以列表项标记为准对齐）设置列表项标记的放置位置。1list-style-typedisc （缺省值，黑圆点） circle （空心圆点） square （小黑方块） decimal （数字排序） lower-roman （小写罗马字排序） upper-roman （大写罗马字排序） lower-alpha （小写字母排序） upper-alpha （大写字母排序） none （无列表项标记）设置列表项标记的类型。1CSS 尺寸属性(Dimension)属性值描述CSSheight使用px、cm
13、等单位定义设置元素高度。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默认值。允许浮动元素出现 在两侧。规定元素的哪一侧不允许其他浮 动元素。imgfl
14、oat:left;clear:both;1displaynone此元素不会被显示。 block此元素将显示为块级元素， 此元素前后会带有换行符。inline默认。此元素会被显示为内 联元素，元素前后没有换行符。规定元素应该生成的框的类型。 p display: inlineli display:inline spandisplay: block1floatleft元素向左浮动。right元素向右浮动。none默认值。元素不浮动，并会 显示在其在文本中出现的位置。规定框是否应该浮动。1positionabsolute生成绝对定位的元素，相 对于static定位以外的第一个父 元素进行定位。元素的位置通过left, top, right以及bottom属性进行 规定。fixed生成绝对定位的元素，相 对于浏览器窗口进行定位。元素的位置通过left, top, right以及bottom属性进行 规定。relative生成相对定位的元素
