在看众多大神的css布局指南时，经常看到一个布局：圣杯布局（也有称为双飞翼布局的）。今天我们也来剖析一下。 其实，对于众多css布局，我们只要明确理解了3种技术，那么基本上大多数布局都难不倒我们了： 浮动float 绝对定位和相对定位negative margin 负边距r...
分类：
Web程序 时间：
2014-10-22 00:32:48
阅读次数：
354
自适应布局(四种写法，三种方案) 1、使用position：absolute. <!doctype html> <html> <head> <style> body{ width: 100%; padding: 0; margin: 0; } div{ height: 500px; } .div1{ width: 100px; background: re...
分类：
其他好文 时间：
2014-10-21 23:22:51
阅读次数：
492
eq() 方法将匹配元素集缩减值指定 index 上的一个。
通过为 index 为 2 的 div 添加适当的类，将其变为蓝色：
div { width:60px; height:60px; margin:10px; float:left;
border:2px solid blue; }
.blue { background:blue; }
...
分类：
Web程序 时间：
2014-10-21 21:36:56
阅读次数：
241
我恶魔呢放假额菲菲金额发 我恶魔呢放假额菲菲金额发原理就是先在左边用padding空开，再用text-indext把第一行收回来附：参考资料：list-style-type的用法语法： list-style-type : disc | circle | square | decimal | low....
分类：
Web程序 时间：
2014-10-21 21:17:34
阅读次数：
180
一、效果图按钮可以多次点击。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:48px;heig..
分类：
Web程序 时间：
2014-10-21 19:58:42
阅读次数：
823
一、效果图。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:50px;height:50px;position..
分类：
其他好文 时间：
2014-10-21 19:58:22
阅读次数：
258
*****************分享到1**************************
body{margin:0;padding:0;}
div{width:100px;height:400px;background:#404144;position: absolute;left:-100...
分类：
其他好文 时间：
2014-10-21 19:46:16
阅读次数：
180
***************************匀速运动 1****************************************
body{margin:0;padding:0;}
div{width:100px;height:100px;background:red;position: abso...
分类：
其他好文 时间：
2014-10-21 19:46:05
阅读次数：
249
body{margin:0;padding:0;}
div{width:100px;height:100px;background:red;position: absolute;left:0;}
span{width:0;height:600px;position:fixed;left:600px;top:0;border-left:1px solid red;...
分类：
Web程序 时间：
2014-10-21 17:45:09
阅读次数：
150
【总结】DIV+CSS有可能遇到的问题一、超链接访问过后hover样式就不出现的问题？被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的双倍边距BUG例如:body { margin: 0 ; }div { float: le...
分类：
Web程序 时间：
2014-10-21 16:54:41
阅读次数：
252
