学习Web过程中的小总结
文章平均质量分 78
xiaokehai
这个作者很懒,什么都没留下…
展开
-
实现三列布局
实现三列布局 普通案例:设置好三块的宽高,然后使用浮动布局就可以实现了,看代码实现 Document div,body{margin:0;padding: 0;} #one{ border: 2px solid red; widt原创 2015-11-08 17:00:11 · 410 阅读 · 0 评论 -
浮动布局和绝对布局
今天我将自己理解的div的浮动布局,绝对布局,和自动居中来做解说 在什么情况下使用我们要使用到浮动布局和绝对布局呢? 由于div是块级元素,所以在默认情况下,会占据一行,每个块级元素就像流水型一样,从上到下布局,当我们想做个横向多列布局是,我们就可以使用浮动布局和绝对布局。 浮动布局(float)使用: 思路: 我们将想实现横向布局的每个块级元素,设置为float;至于float的原创 2015-11-08 12:11:44 · 1149 阅读 · 0 评论 -
点击按钮图片变换
效果图: 实现的代码和解析如下: Document #box{ height: 320px; overflow: hidden;//将超出div块的图片隐藏起来 } #box1 img{ display: block;原创 2016-03-10 22:02:20 · 839 阅读 · 0 评论