码迷,mamicode.com
首页 > Web开发 > 详细

css样式、布局

时间:2017-09-25 22:05:30      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:abs   pos   相对   back   灵活   round   col   top   ack   

之前在html中学过用table标签进行网页的布局,

通过css同样可以进行对网页布局的行为,相对之下css更灵活,样式更丰富,可以比table标签做更多的设置


css用过position属性网页布局

常用的position属性有三种定位方式:

1固定定位:position:fixed——任何条件下,都只对body(屏幕)定位{设置top、left、right、、值}

2相对定位:position:relative——

a嵌套他的标签没有position,还是相当于页面定位

b嵌套他的标签有position属性是absolute或relative,根据嵌套他的标签定位

3绝对定位:position:absolute——跟自己本身的位置定位,不管有没有嵌套

【对left、right、top、bottom:对值进行设置,实现元素的位置定位】


 

 z-index:设置浮动高度

css样式、布局

标签:abs   pos   相对   back   灵活   round   col   top   ack   

原文地址:http://www.cnblogs.com/xiandong/p/7593968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!