首页 相关文章 第8天:CSS布局入门

第8天:CSS布局入门

  CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。

1.定义DIV

  分析一个典型的定义div例子:

#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20px;BORDER-TOP: #CCC 2px solid;BORDER-RIGHT: #CCC 2px solid;BORDER-BOTTOM: #CCC 2px solid;BORDER-LEFT: #CCC 2px solid;BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;COLOR: #666;TEXT-ALIGN: center;LINE-HEIGHT: 150%; WIDTH:60%; }

  说明如下:

层的名称为sample,在页面中用div id="sample"...[ 查看全文 ]

2016-02-19 标签:

第8天:CSS布局入门的相关文章

手机页面
收藏网站 回到头部