CSS常用属性

背景属性:

background-color：背景颜色。 background-color: #FF0000;

background-image：背景图片。 background-image:url(test.jpg); 

background-repeat：如何平铺。repeat(重复) ，repeat-x(水平重复) ，repeat-y(垂直重复) ，no-repeat(不重复) 。   background-repeat：repeat

简写：background:#FF0000 url(test.jpg) innerit;

 

属性可用值：

visibility： 显示或是隐藏 。 inherit(父元件决定) ，hidden(隐藏) ， visible(显示) 。 visibility:hidden;

width：宽度。 width:100px;     height：高度。 height：100培训; z-index：立体，是否在另一个元件之上。z-index：100px; auto(自动决定)

position：定位方式。  absolute (绝对定位-依视窗座标，原点为父视窗左上角) relative (相对定位-以一般网页排列[right.center.left]后再根据座标定位，原点为定位后的位置) static (静态定位-以一般网页排列)。 position:relative ;

文字设定：

font-family：字体。font-family:arial;

font-size ：字体大小。font-size:12px;

font-style：字型样式。 normal(普通) ，italic(斜体) ，oblique(斜体)。font-style:italic;

font-weight：字型粗细。 normal(普通)，  bold(粗体) ， bolder(超粗体)  ，lighter(细体)。font-weight:bold;

text-align：字元对齐。  left(左边)  right(右边) ， center(中间) ， justify(左右平分)。 text-align:left;

text-decoration： none(普通) ，underline(加底线) ， no-underline(不加底线) ， blink(闪烁) ， no-blink(不闪烁) ， line-through(加删除线) ， no-line-through(不加删除线) ， overline(加顶线) ，no-overline(不加顶线) 。 text-decoration:underline。

简写：font: normal normal normal 12px 宋体, Arial, Helvetica, sans-serif;

滑鼠设定：

cursor： 游标图示 。 auto(自动决定) ， default(预设值) ，crosshair(十字) ， hand(手形) ， move(移动时的游标) ， help(有问号的游标) ， text(文字编辑的游标) ， wait(忙碌中的游标) ， w-resize(向左箭头) ， e-resize(向右箭头) ，n-resize(向上箭头) ， ne-resize{向右上箭头) ， nw-resize(向左上箭头) ， s-resize(向下箭头) ， se-resize(向右下箭头) ，sw-resize(向左下箭头) 。cursor:hand

表格设定：

border-color： 边框颜色。 border-color:blue。

border-style： 边框样式。  none(无边框) ， dotted(点线) ， dashed(虚线) ， solid(实线) ， double(双线) ， groove(立体凹线) ， ridge(立体凸线) ， inset(立体嵌入线) ， outset(立体隆起线)  border-style:solid;

border-width： 边框宽度。 border-width:5px;

padding：  边框补白。 padding:5px;

margin： 边框边距。 margin:5px;

简写： border:solid 1px red;