1.如果利用<img>標簽把圖片放進表格單元裡面，並注意到在圖片下方有不需要的空間，那麼設置它的display屬性為block.
2.text-align可以被繼承，vertical-align屬性不會被繼承
3.IE6.0圖片下產生空隙
解決這個BUG的方法也有很多，可以是改變html的排版，或者定義img 為display:block。或者定義vertical-align屬性值為vertical-align:top | bottom |middle |text-bottom。還可以設置父容器的字體大小為零，font-size:0;
4.<meta http-equiv="X-UA-Compatible" content="IE=7" />的意思
X-UA-Compatible是針對ie8新加的一個設置，對於ie8之外的浏覽器是不識別的，這個區別與content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對於多數網站來說，它是首選的兼容性模式。目前IE8尚在測試版中，所以為了避免制作出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼：
<meta http-equiv="X-UA-Compatible" content="IE=7" />
這樣我們才能使得頁面在IE8裡面表現正常！
5.使用position:relative;
設置一個標簽的position:relative;可以解決很多問題，特別是曾經有過看不見的經歷或者奇怪布局的框架，當然你要小心，絕對位置放置的子元素是否都參照找到新位置。
6.為浮動元素使用display:inline;
浮動元素會有一個著名的IE6.0雙邊距。假如你設置了左邊距5px但實際上是10px左邊距，display:inline可以解決這個問題，盡管它不是必需的，但是css仍然有效。
7.去掉網頁鏈接上點擊時的虛線
方法1：在<a>標簽中加入onFocus="this.blur()"語句：
<a href="#" onFocus="this.blur()">try</a>方法2：在<a>標簽中加入hidefocus： <a href="###" hidefocus>link</a>
方法2：如果連接太多，可以用外部鏈接 .HTC 文件。
如，blur.htc 文件內容如下：
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
在 CSS 中加入如下代碼：
A { behavior:url(blur.htc); }
方法3：使用CSS樣式，可加入代碼：
a {blr:expression(this.onFocus=this.blur())}
這樣，站內所有的文章都實現了無虛線效果了。