css常用代码含义

1.font:12px Arial, Helvetica, sans-serif；

使用了缩写，完整的代码应该是：font-size:12px; font-family:Tahoma；说明字体为12像素大小，字体为Arial, Helvetica, sans-serif格式；

2.margin:0px；

完整的代码是：margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;   或  margin:0px 0px 0px 0px;  顺序是 上 / 右 / 下 / 左， 如果使用auto则是自动调整边距 , 

另外还有以下几种写法：
margin:0px auto；
说明上下边距为0px，左右为自动调整；
以后将使用到的padding属性和margin有许多相似之处，他们的参数是一样的，
只不过各自表示的含义不相同，margin是外部距离，而padding则是内部距离。

margin:1px 10px 3px ;   等价于1px 10px 3px 10px

说明上边距1px,左右边距10px,下边距为3px。

规则如下：
如果缺少左外边距的值，则使用右外边距的值。
如果缺少下外边距的值，则使用上外边距的值。
如果缺少右外边距的值，则使用上外边距的值。

 

3.background:#ccc url('bg.gif') top left no-repeat；

表示：使用#CCC(灰度色)填充整个层，使用bg.gif做为背景图片，

top left
表示图片位于当前层的左上端，no-repeat表示仅显示图片大小而不填充满整个层。

top/right/bottom/left/center
用于定位背景图片，分别表示 上 / 右 / 下 / 左 / 中；还可以使用

background:url('bg.gif') 20px 100px;
表示X座标为20像素，Y座标为100像素的精确定位；

repeat/no-repeat/repeat-x/repeat-y
分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。