奔向远方

现在我大部分都是用!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字

一、CSS HACK
以下两种方法几乎能解决现今所有HACK。
1、!important
随着IE7对!important的支持，!important 方法现在只针对IE6的HACK。
（注意写法.记得该声明位置需要提前）
程序代码<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
阅读全文——共2612字

做网站的前端开发有多痛苦？看看浏览器的兼容性调整就可以知道了，人人深恶痛绝，可惜各大浏览器依然故我，把永远的痛通通给了我们。为了解决浏览器不兼容的情况，不知有多少人苦苦冥思哈。浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：
1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。
阅读全文——共4225字

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字

漂亮的代码是漂亮网站的基础，优秀的 CSS 只存在与同样优秀的 HTML 之上，干净的，语义的 HTML 代码让一个网站更健壮。本文讲述了12个实现干净 Web 设计代码的定律，适合于任何从事 Web 设计的人。
1. Strict DOCTYPE
要做就做对的。不管是 HTML 4.01 还是 XHTML 1.0，它们都提供 Strict 模式，使用 Strict 模式可以保证我们的代码不隐藏任何错误。

参考资料:

W3C: Recommended DTDs to use in your Web document
Fix Your Site With the Right DOCTYPE!
No more Transitional DOCTYPEs, please

阅读全文——共1764字

在写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字

每一个用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字

解决IE6,IE7,Firefox下调时css不兼容的问题大致有两种方法，今天测试了一下，感觉不错。以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
阅读全文——共765字