利用table-cell可以实现宽度自适应布局。table-cell有一些比较好用的属性，比如垂直居中，自适应高度宽度等，为元素设置table-cell布局之后，元素的margin失效，padding有效，而且一旦元素设置了float或者absolute，则table-cell也会失效。table-...
分类：
其他好文 时间：
2014-12-04 17:15:07
阅读次数：
399
Fixed固定位置的悬浮
* { font-size:12px; font-family:Verdana,宋体; }
html, body { margin:0px; padding:0px; overflow:hidden; }
.b { margin:0px; padding:0px; overflow:auto; }
.line0 { line-height:20px; back...
分类：
Web程序 时间：
2014-12-04 15:37:40
阅读次数：
190
CSS：1.盒子模型：content内容，padding补白，border边框，margin边界。2.布局模型： a.流动模型（Flow），默认的布局模型。特征：1>块状元素自上而下，宽度100%.2>内联元素从左至右依次排列. b.浮动模型（Float）：块状元素可以同行并列.c.层布局（Laye...
分类：
Web程序 时间：
2014-12-04 13:57:04
阅读次数：
150
一列li并排的时候，需要一些间距的时候，又不需要最右边或者最左边有间距。Examples ok!
分类：
其他好文 时间：
2014-12-04 09:57:42
阅读次数：
120
鼠标移上去，元素位置移动，显示隐藏功能效果。（推荐在火狐或谷歌中观看，会有有动画效果）效果如图：css： .box { width: 200px; height: 300px; position: relative; margin: 200px auto 0 auto; } .box:hov...
分类：
Web程序 时间：
2014-12-03 14:14:14
阅读次数：
413
[p=22, null, left]概要：本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。[p=22, null, left]说明：占...
分类：
其他好文 时间：
2014-12-03 14:11:19
阅读次数：
220
如果margin给的是四个值比如：margin:0px 0px 0px 0px;代表：margin: top right bottom left代表从上右下左，顺时针方向。如果margin给的是三个值比如：margin:0px 0px 0px;代表：margin: top left-right bo...
分类：
其他好文 时间：
2014-12-03 14:09:50
阅读次数：
111
ie6对hover支持不完善，所以不兼容，最好在火狐或谷歌等标准浏览器中观看。Demo下载效果如图：css： #demo { width: 306px; height: 204px; padding: 3px; border: 1px solid #e5e5e5; margin: 100p...
分类：
Web程序 时间：
2014-12-03 14:04:47
阅读次数：
228
适当调整即可变为图片放大镜效果，或者鼠标移上去显示隐藏内容(ie6对hover支持不够完善，推荐在火狐或谷歌中观看)。效果如图：css： .demo { width: 318px; margin: 100px auto 0 auto; } .demo:after { content: ""; ...
分类：
Web程序 时间：
2014-12-03 13:57:27
阅读次数：
327
效果如图：css：* { padding: 0; margin: 0; list-style-type: none;}body { padding: 20px 0 0 20px;} #shadow { background: #E8E8E8; position: relative; width: 2...
分类：
Web程序 时间：
2014-12-03 12:11:44
阅读次数：
139
