四
09
2009
现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对! important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏 览一下，应该没有问题了。
现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。我真希望那个IE6快点退休……
css Hacks，css样式表补丁.用于修正XHTML编码设计的网页模板布局,某些层的溢出问题,HACKS出处:www.webdevout.net，这个CSS补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写:
阅读全文——共3413字
四
09
2009
一、CSS HACK
以下两种方法几乎能解决现今所有HACK。
1、!important
随着IE7对!important的支持，!important 方法现在只针对IE6的HACK。
（注意写法.记得该声明位置需要提前）
程序代码<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
阅读全文——共2612字
四
09
2009
做网站的前端开发有多痛苦？看看浏览器的兼容性调整就可以知道了，人人深恶痛绝，可惜各大浏览器依然故我，把永远的痛通通给了我们。为了解决浏览器不兼容的情况，不知有多少人苦苦冥思哈。浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：
1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。
阅读全文——共4225字
三
30
2009
CSS是一个为网友文档添加诸如字体、颜色和间隔等属性的机制。我喜欢使用CSS，胜于JavaScript 和 jQuery，如果相同的功能可以通过CSS和JavaScript实现时，那么建议使用CSS。或许有些设计师会表达不同意见——CSS缺少动态特性。真是这样吗？我们来看看CSS的高级技巧吧。
1. CSS 实现文字和背景渐变
转自：http://www.kooxo.com/tutorial/webdesign/css/200903/28-92.html
难道通过CSS实现背景的渐变不比通过图片实现更好吗？因为这能使网页更快地加载。
使用纯CSS实现 渐变
使用 CSS 实现背景的渐变
阅读全文——共2451字
六
25
2008
在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：
HTML4STRICT代码：
<div style=“width:200px;border:1px solid red;”>
<div style=“float:left;width:80px;height:80px;border:1px solid blue;”>TEST DIV</div>
阅读全文——共2898字
五
30
2008
每一个用css控制的网站，都需要有一个默认的全局定义的css样式，今天写了一份，以后作为默认的使用，具体细节需要略微调整，这样可以省很多事。
具体代码如下：
body { font-family:”宋体”; margin:0; padding:0; background: #FFFFFF; font-size:12px; color:#000000;}
a:link {color: #000099; text-decoration:none;}
a:visited { color: #000099; text-decoration:none;}
a:hover{ color:#FF0000;text-decoration:underline;}
div,form,img,ul,ol,li,dl,dt,dd,p { margin: 0; padding: 0; border: 0;}
阅读全文——共1128字
五
29
2008
解决IE6,IE7,Firefox下调时css不兼容的问题大致有两种方法，今天测试了一下，感觉不错。以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
阅读全文——共765字
四
03
2008
以下代码实现了无js实现div+css左右高度自适应，具体应用视情况而定。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>左右自适应高度</title>
阅读全文——共777字
