中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

4、去掉連接虛線框

當你點擊鏈接時，F(xiàn)irefox會在鏈接周圍產生一個虛線外框。

這個很好解決，只需在a標簽中添加outline:none就可以了。

a{
   outline:none;
}

5、對inline元素應用寬度。

如果你對一個inline元素使用寬度，它將只在IE6下起作用。

所以的HTML標簽要么是Block的要么就是inline的。inline屬性的標簽有<span><a><strong>和<em>Block標簽包括<div><p><h1><form>和<li>

你不能控制inilne標簽的寬帶，不過有一個方法是把標簽屬性從inline改為Block。

span{
   width:150px;
   display:block;
}

應用display:block能夠把span標簽變成block標簽，從而控制它的寬度。

6、使一個固定寬度的網(wǎng)站居中。

為了讓你的網(wǎng)站在瀏覽器中居中，可以為最外層Div添加position:relative屬性，然后將margin設為auto。

#wrapper {
margin: auto;
position: relative;
}

7、圖片替換技術

對于頭部來說，永遠是最好用文字而不是圖片。在你必須要用圖片的某個特殊地方最好使用隱藏文字的層的背景圖片。這對于屏幕閱讀和SEO非常有用，盡管依然使用很普通的文字，這可以聯(lián)想到所有的優(yōu)點。

HTML：

<h1><span>Main heading one</span></h1>

CSS:

h1 {
background: url(heading-image.gif) no-repeat;
}
h1 span {
position:absolute;
text-indent: -5000px;
}

正如你所見，我們對H1標簽使用普通的HTML代碼，用CSS來將圖片替代文字。Text-indent把文字放到左邊5000像素處，從而用戶看不到它們。

出處：藍色理想
責任編輯：moby

上一頁 CSS hacks與爭議 [1] 下一頁 CSS hacks與爭議 [3]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。