Div+CSS布局—常用的CSS代码

作者:鸿亿小编   2008-10-15 11:09:28   点击:148   评论:0

        在学习DIV+CSS的过程中,首要的是应该记住一些常用的、基础的代码,就好像学习英文一样,英文字母是应该首要掌握的。

        这篇文章我们先介绍一些比较常用的CSS代码。

1font

举例:

font8px Tahoma(完整的形式为font-size:12px;font-family:Tahoma

         表示字体为8像素大小,字体为Tahoma格式。

2margin

举例:

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则是内部距离。

3text-align

        举例:

text-align:center
文字对齐方式,可以设置为左、右、中,这里我将它设置为居中对齐。

4background

        举例:

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轴填充。

7height / width / color
分别表示高度(px)、宽度(px)、字体颜色(HTML色系表)

        这些仅是一些常用的CSS代码,其他的以后有时间了可以更详细的介绍。

上一篇文章:  Div+CSS布局—HTML代码和CSS
下一篇文章:  无
关于我们 | 代理合作 | 解决方案 | 常见问题 | 新闻资讯 | SEO博客
西安鸿亿网络科技有限公司
2007-2008 Inc.西安鸿亿网络科技有限公司.版权所有 陕ICP备07011159号
联系电话: 029-88726470   13363990305   (6 * 8 小时)
联系电话: 029-88945654   15802957768   (7 * 24 小时)
传真: 029-88726470   地址: 西安市高新区电子二路36号14F-1 企业电视台名扬网视