三栏布局,左右固定宽度,中间自适应的一种解决方案
如图所示,三栏布局中,左右固定宽度,中间自适应有很多总解决方法,之前也看过一篇文章In Search of the Holy Grail ,不过,就我个人而言,跟喜欢通过margin的负值来达到这种效果。
View Articlecss解决图片垂直居中
使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center;...
View Article关于IE6样式中背景图片不缓存的BUG
示例: a{ background:url(images/normal.gif); } a:hover { background:url(images/hover.gif); } 如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果,在firefox下是没有什么问题的,第一次加载之后,浏览器都会从缓存读取背景图片;...
View Article10个 DIV+CSS常见错误
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 确定错误发生的位置...
View Article打造自己的reset.css
0,引言 每每有新项目,第一步就是应当使用一个reset.css来重置样式。滥用不如不用,直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。 所以最好还是自己写一个reset.css,并且要明白每一条 reset都是用来做什么的。 reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。...
View Article
More Pages to Explore .....