CSS使用相对定位技术实现DIV层的投影(阴影)效果,立体表格就是这样 的哦,看上去还不错吧?投影的颜色根据你表格的颜色适当修改一下,会有更酷的效果出现,试一下吧。...
分类:
Web程序 时间:
2015-04-29 21:49:00
阅读次数:
135
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构: .....
分类:
其他好文 时间:
2015-04-29 00:26:51
阅读次数:
218
(先说点题外话:在一般情况下,这两种布局方式的实际渲染性能差异是可以忽略的。毕竟在实际开发中,人力——或者说“开发效率”——才是真正的瓶颈,页面的“渲染效率”与之相比完全不值一提。所以不需要因为过多考虑此类问题而犹豫不决。)回到问题本身。由于绝对定位(以及相对定位和固定定位)会创建新的布局空间,并且...
分类:
其他好文 时间:
2015-04-28 17:55:15
阅读次数:
100
当某个元素的margin左负值,超过自身的宽度时,这个元素会和上一个同级块级元素发生重叠。 这时候继续增大margin左负值,该元素会逐渐从右往左移动。然后通过相对定位,就可以实现圣杯布局了。来自: http://blog.csdn.net/cui_angel/article/details/83....
分类:
其他好文 时间:
2015-04-27 13:07:23
阅读次数:
126
1. 负边距对由文档流控制的元素的作用是,会使它们在文档流中的位置发生偏移,但这种偏移不同于相对定位,通过相对定位偏移后,其仍然会坚守着它原来占据的空间,而通过负边距移动后的元素,其原来的空间会被后来的元素占据。注意:负margin不会使元素脱离文档流。2. 在文档流中,元素的最终边界是由m...
分类:
其他好文 时间:
2015-04-27 12:35:59
阅读次数:
96
CSS入门教程——定位(positon)CSS定位在网页布局中是起着决定性作用。定位CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局。本节就介绍一些CSS常用的定位语句。1.相对定位(relative)相对定位是指相对它本来应该处的位置所做的移动。…… …… 我是一段正常...
分类:
Web程序 时间:
2015-04-24 20:47:55
阅读次数:
196
1.CSS中的三种定位机制标准文档流 就是流式布局中的定位浮动定位相对定位 2.当元素设置了float或者相对定位的时候,就无法通过设置margin的auto进行居中了3.设置了浮动的元素任然处于标准文档流当中,任然会占用标准文档流的影响。而不像相对定位中,会处于不同的层面。4.设置了浮动之后...
分类:
其他好文 时间:
2015-04-24 18:33:13
阅读次数:
131
没有设置定位值的absolute元素是个普通又不普通的元素,普通之处在于其依旧在DOM tree中,对margin等属性敏感;不普通在于其实际的高宽都丢失了。这非常类似于浮动(float),浮动的本质就是“包裹与破坏”,破坏高度,浮动元素的实际占据高度为0;而absolute元素(无定位值)也是“包...
分类:
其他好文 时间:
2015-04-21 22:01:59
阅读次数:
205
CSS实现的对话框特效,纯CSS实现的,不是CSS3,因此兼容性还是相当不错的。你在网页上可以使用一些这样的框框,比较个性。通过本代码您还可以掌握一些CSS的相对定位、绝对定位的相关技巧。
分类:
Web程序 时间:
2015-04-19 19:11:24
阅读次数:
163
div{position:absolute;left:10px;}或div{position:absolute;top:10px;}有时候left或top属性为0就省略不写,在ie7里面元素会错位,解决变法就是left和top属性都加上。
分类:
Web程序 时间:
2015-04-19 14:35:37
阅读次数:
116