在学习DIV+CSS的过程中,首要的是应该记住一些常用的、基础的代码,就好像学习英文一样,英文字母是应该首要掌握的。
这篇文章我们先介绍一些比较常用的CSS代码。
1、font
举例:
font:8px Tahoma(完整的形式为font-size:12px;font-family:Tahoma)
表示字体为8像素大小,字体为Tahoma格式。
2、margin
举例:
margin:0px(
margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px ,
也可写成margin:0px 0px 0px 0px)
顺序是 上 / 右 / 下 / 左,你也可以书写为margin:0(缩写);以上样式说明body部分对上右下左边距为0像素,如果使用auto则是自动调整边距。如果写成margin:0px auto;则表示上下边距为0px,左右为自动调整;我们以后将使用到的padding属性和margin有许多相似之处,他们的参数是一样的,只不过各自表示的含义不相同,margin是外部距离,而padding则是内部距离。
3、text-align
举例:
text-align:center
文字对齐方式,可以设置为左、右、中,这里我将它设置为居中对齐。
4、background
举例:
background:#FFF
设置背景色为白色,这里颜色使用了缩写,完整的应该是background:#FFFFFF。
background可以用来给指定的层填充背景色、背景图片,以后我们将用到如下格式:
background:#ccc url('bg.gif') top left no-repeat;表示:使用#CCC(灰度色)填充整个层,使用bg.gif做为背景图片,其中的top left表示图片位于当前层的左上端,no-repeat表示仅显示图片大小而不填充满整个层。
5、top/right/bottom/left/center
这些代码是用于定位背景图片,分别表示 上 / 右 / 下 / 左 / 中;还可以使用background:url('bg.gif') 20px 100px;表示X座标为20像素,Y座标为100像素的精确定位;
6、repeat/no-repeat/repeat-x/repeat-y
分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。
7、height / width / color
分别表示高度(px)、宽度(px)、字体颜色(HTML色系表)。
这些仅是一些常用的CSS代码,其他的以后有时间了可以更详细的介绍。

