日光月美

日光月美 http://www.xssep.com 提供丝魅,丝宝等国产丝袜,及MyWife.cc,Maxi-247等日系套图打包下载,做国内最强的套图下载站,看最幽默最冷的笑话,网页设计中的一些精品代码收录... Rss Powered by FL&Lin For Php 2.0 日光月美 http://www.xssep.com <![CDATA[打造自己的reset.css]]> http://www.xssep.com/view-371.html
每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。

所以最好还是自己写一个reset.css，并且要明白每一条 reset都是用来做什么的。

reset.css本意就是重置样式，我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。

具体如何规划网站CSS结构，不在文本讨论之列，可以参考Smashing Magazine上的文章，国内有差强人意的中文译版。

]]> 日光月美 Thu, 19 Nov 2009 01:14:38 +0000 <![CDATA[10个 DIV+CSS常见错误]]> http://www.xssep.com/view-367.html 1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
3. 确定错误发生的位置
假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
4. 利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。

]]> 日光月美 Sat, 14 Nov 2009 17:08:51 +0000 <![CDATA[关于IE6样式中背景图片不缓存的BUG]]> http://www.xssep.com/view-226.html
a{ background:url(images/normal.gif); } a:hover { background:url(images/hover.gif); }

如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片；

而IE6在这里有一个bug，它每次都从服务器端读取背景图片，结果就是，若服务器反应较慢hover效果就会出现短暂的空白，令人极度不爽。一直以来都是通过“两张背景图片合并、background-postion控制位置”的方式解决问题的，效果差强人意。

]]> 日光月美 Thu, 10 Sep 2009 23:46:44 +0000 <![CDATA[css解决图片垂直居中]]> http://www.xssep.com/view-225.html .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ width:200px; height:200px; border: 1px solid #eee; } .box img { /*设置图片垂直居中*/ vertical-align:middle; }

这种解决方法的好处是不用加一些不必要的xhtml代码。缺陷是需要已知容器的高度，在容器高度未知时，无法处理。

]]> 日光月美 Thu, 10 Sep 2009 23:43:39 +0000 <![CDATA[三栏布局，左右固定宽度，中间自适应的一种解决方案]]> http://www.xssep.com/view-224.html

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

]]> 日光月美 Thu, 10 Sep 2009 23:41:28 +0000