Quantcast
Channel: 日光月美
Browsing latest articles
Browse All 5 View Live

Image may be NSFW.
Clik here to view.

三栏布局,左右固定宽度,中间自适应的一种解决方案

如图所示,三栏布局中,左右固定宽度,中间自适应有很多总解决方法,之前也看过一篇文章In Search of the Holy Grail ,不过,就我个人而言,跟喜欢通过margin的负值来达到这种效果。

View Article



Image may be NSFW.
Clik here to view.

css解决图片垂直居中

使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。.box {         /*非IE的主流浏览器识别的垂直居中的方法*/         display: table-cell;         vertical-align:middle;         /*设置水平居中*/         text-align:center;...

View Article

Image may be NSFW.
Clik here to view.

关于IE6样式中背景图片不缓存的BUG

示例: a{ background:url(images/normal.gif); } a:hover { background:url(images/hover.gif); } 如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果,在firefox下是没有什么问题的,第一次加载之后,浏览器都会从缓存读取背景图片;...

View Article

Image may be NSFW.
Clik here to view.

10个 DIV+CSS常见错误

1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 确定错误发生的位置...

View Article

Image may be NSFW.
Clik here to view.

打造自己的reset.css

0,引言 每每有新项目,第一步就是应当使用一个reset.css来重置样式。滥用不如不用,直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。 所以最好还是自己写一个reset.css,并且要明白每一条 reset都是用来做什么的。 reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。...

View Article

Browsing latest articles
Browse All 5 View Live




Latest Images