传统的table布局方式已经很少有人会使用了,而取其代之的是css网页布局样式,它们最大的不同点就是定义方式不同,CSS布局样式需要使用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;
BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;
BORDER-LEFT: #CCC 2px solid;
COLOR: #666;
TEXT-ALIGN: center;
LINE-HEIGHT: 150%; WIDTH:60%; }
分别对应介绍一下,以上参数的含义和作用:
· MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。
· PADDING是指层的边框到层的内容之间的空白。
· BACKGROUND是定义层的背景。
· BORDER是指层的边框。
· COLOR是用于定义字体颜色。
· TEXT-ALIGN是用来定义层中的内容排列方式。
· LINE-HEIGHT是定义行高。
· WIDTH是定义层的宽度,可以采用固定值。
如何定义DIV?我们可以通过每节课的学习,将这些属性及其实现的页面效果熟记下来,在实际网页排版制作中就可以熟练应用了,熟能生巧,久而久之就会应用自如了。
以上讲述的内容来源于学校官网:www.wangyeshejipx.com/,欢迎来我校学习网页设计,成就设计师梦想。
培训内容:网页设计软件|网页前台美工培训|div css样式|网店培训班|php程序开发|网站运营维护|网络营销|电子商务专业
学校地址:长春市绿园区新竹路与青浦路交汇(北京华联,火车站) 咨询电话:0431-81661151 / 15104316336 (来校请您提前致电了解开课安排)
乘车路线:22路,322路,231路,229路,64路,364路,224路,137路,139路,145路,226路,253路,284路,289路等
吉林省优秀网页设计师培训速成/就业首选品牌学校 小班教学/精讲班