CSS属性
时间:2010-10-07 来源:kitt1987
background-color:设置背景色。
background-image:设置背景图片。
background-repeat:设置背景重复。取值:repeat-x,水平平铺;repeat-y,垂直平铺;no-repeat,不允许平铺。
background-position:设置背景位置。取值:top, bottom, left, right和center;也可以使用%设置背景图片的起始点;或者使用数值。
background-attachment:设置背景图像是否固定或者跟随页面滚动。取值:scroll,背景随页面滚动;fixed,不跟随滚动;inherit,继承父元素的该属性。
text-indent:设置文本缩进。取值:n em。
word-spacing:设置word之间的间隔。取值n px,默认值为normal(0)。
letter-spacing:同上。
text-transform:处理文本大小写。取值:none, uppercase, lowercase, capitalize。
text-decoration:设置文本装饰。取值:none;underline;overline;line-through;blink。
white-space:设置空白的处理方式。取值:normal:去掉多余的空白;pre:不忽略空白;nowrap:过滤换行;pre-wrap:保留空白;pre-line:合并空白。
direction:设置文本排列方向。取值:ltr:默认,从左到右;rtl:从右到左;inherit:继承父元素。
color:设置文本颜色。
line-bottom:把表格定位在表格之下;inherit:继承。
empty-cells:设置是否显示表格中的空单元格。取值:hide:默认,不在空单元格周围绘制边框;show:在空单元格周围绘制边框;inherit:继承。
table-layout:设置表格的布局。取值:automatic:默认,列宽有内容决定;fixed:列宽由表格宽度和列宽度设定;inherit:继承。
outline-color:设置轮廓颜色。
outline-style:设置轮廓样式。取值:none:默认,无轮廓;dotted:点状轮廓;dashed:虚线轮廓;solid:实现轮廓;double:双线轮廓;groove:定义3D凹槽轮廓;ridge:3D凸槽轮廓;inset:3D凹边轮廓;outset:3D凸边轮廓;inherit:继承。
outline->
边框设置如下:padding:内边距;border:边框;margin:外边距。
设置上下左右的内边距:padding-top;padding-right;padding-bottom;padding-left。
border-style:设置边框样式。取值和轮廓相同。
border->
border-color:设置边框颜色。
margin:设置外边距。
position:设置定位方式。取值:static:生成一个矩形框;relative:便宜摸个距离;absolute:相对于包含块定位;fixed:类似absolute。
top:上外边距边界和其包含块上边界之间的偏移。
right:右外边距边界和其包含块右边界之间的偏移。
bottom:下边距边界和其包含块下边界之间的偏移。
left:左外边距边界和其包含块左边界之间的偏移。
overflow:设置内容溢出元素框时发生的事情。取值:visible:默认值,内容不会被修剪,呈现在元素框之外;hidden:内容被修剪,并且其余内容不可见;scroll:内容被修剪,显示滚动条查看其他内容;auto:如果内容被修剪,通scroll;inherit:继承。
clip:设置元素形状。取值:auto:不裁剪;shape:rect(top,right,bottom,left)。
vertical-align:设置垂直对齐方式。取值:baseline:默认;sub:垂直对齐文本的下标;super:垂直对齐文本的上标;top:把元素的顶端与行中最高元素的顶端对齐;text-top:把元素的顶端与父元素字体的顶端对齐;middle:放置在父元素中部;bottom:把元素顶端和行中最低元素的顶端对齐;text-bottom:把元素底端和父元素字体的底端对齐。
z-index:设置元素的堆叠顺序。auto:默认。堆叠顺序与父元素相同;number:设置元素的堆叠顺序;inherit:继承。
float:设置元素浮动方向。none:默认;left:向左浮动;right:向右浮动。
clear:设置元素的那一侧不允许其他浮动元素。取值:left;right;both;none。
height:设置元素高度。
line-table-footer-group:作为一个或多个行的分组来显示;table-row:作为一个表格行显示;table-column-group:作为一个或多个列的分组来显示;table-column:作为一个单元格列显示;table-cell:会作为一个表格单元格显示;table-caption:会作为一个表格标题显示;inherit:继承。
visibility:设置元素是否可见。visible:可见的;hidden:不可见;collapse:删除一行或一列,不影响表格格局;inherit:继承。
a的伪类:
a:active:将样式添加到被激活的元素;
a:focus:将样式添加到被选中的元素;
a:hover:当鼠标悬浮在元素上方时,向元素添加样式;
a:link:将样式添加到未被访问的链接;
a:visited:将样式添加到访问过的链接;
a:first-child:将样式添加到元素的第一个子元素;
a:lang:允许创作者来定义指定元素中使用的语言。
:first-line:设置第一行的样式。
:first-letter:设置首字母的样式。
:before:在元素之前插入内容。
:after:在元素
@media:设置样式在不同的介质上的不同表现。
all:所有媒介设备;
aural:用于语音和音频合成器;
braille:用于盲人用点字法触觉回馈设备;
embossed:用于分页的盲人用点字法打印机;
handheld:用于小的手持的设备;
print:用于打印机;
projection:用于方案展示,比如幻灯片;
screen:用于电脑显示器;
tty:用于使用固定密度字母栅格的媒介,比如电传打字机和终端;
tv:用于电视机类型的设备。