如何讓CSS的標(biāo)簽兼容不同的瀏覽器

時間：2024-10-05 22:02:39 CSS 我要投稿

相關(guān)推薦

　　在不同瀏覽器，標(biāo)簽呈現(xiàn)的效果是有區(qū)別的。所以小面小編來談?wù)勅绾巫孋SS的標(biāo)簽兼容不同的瀏覽器。

　　作為塊級元素的標(biāo)簽，在寫CSS文件時，最好定義行高line-height，不要定義高度height，因為定義了高度，就限制了塊級元素的高度，在不同瀏覽器，很難實現(xiàn)比較統(tǒng)一的效果，我曾經(jīng)遇到，在IE6，F(xiàn)IREFOX(FF)效果完好，而在IE7，標(biāo)題的文字只出來一半。且標(biāo)題在不同的布局中，會有不同的行數(shù)要求，比如在側(cè)欄等小地方，標(biāo)題很可能有2行或3行，如果高度被定義了，那么大部分瀏覽器都會出現(xiàn)錯誤的顯示，很擁擠或沒有顯示，如果設(shè)置了底部邊線，還可能錯位。

　　所以標(biāo)簽，最好不要定義高度height，但一定要定義行高line-height，其他數(shù)值，根據(jù)實際效果適當(dāng)變化。這樣，對不同瀏覽器的兼容性是最好的。

　　h3 {

　　font-size:14px;

　　margin: 15px 0px 10px 0px;

　　padding: 3px 0px 3px 0px;

　　line-height:20px;

　　color:#55295e; text-align:left;

　　border-bottom: 1px dotted #55295e;

　　}

　　標(biāo)簽一般介紹

　　標(biāo)簽是一個標(biāo)題標(biāo)簽，常用做網(wǎng)站主題、文章標(biāo)題或用在段落之前，用于表明整個網(wǎng)站、整篇文章或段落要表達(dá)的意思。根據(jù)顯示和要表達(dá)意思的級別可以分為H1，H2，H3，H4，H5，H6。

　　標(biāo)簽成對出現(xiàn)，以開始，以結(jié)束。

　　在一個WEB頁面中，H1標(biāo)簽最好(理論上是應(yīng)該)只出現(xiàn)一次，因為它代表該WEB頁面的主題。在實際操作中，建議不要使用 h1 來定義文章標(biāo)題，而是用來定義網(wǎng)站標(biāo)題。我有一個網(wǎng)站，在首頁一段文字前用了H1，并合理地分布了H2，H3，H4，結(jié)果十天以后，原來排在第一頁的關(guān)鍵詞，就掉到了第四頁。因此，用一次H2做頁面一級標(biāo)題，比較安全。

　　H1的重要性最高，常用于表達(dá)對整個網(wǎng)站的作用和性質(zhì)的描述，或表示網(wǎng)站面向的受眾群體。其他標(biāo)簽根據(jù)級別的不同分別用于顯示某個專區(qū)的名稱，或某段介紹文字的大概描述。

　　因它表示對網(wǎng)站或某段文字的大體描述，所以相對于搜索引擎來說H標(biāo)簽具有很高的價值。但這并不意味著可以隨意的使用。比如，有些網(wǎng)站為了刻意追求特定關(guān)鍵字的排名，而在一段文字中使用H標(biāo)簽來展示關(guān)鍵字。或干脆把H標(biāo)簽當(dāng)做一個容器來對網(wǎng)頁進(jìn)行布局。這樣完全混淆了H標(biāo)簽的作用，也是不推薦的。

　　標(biāo)簽代表了一個網(wǎng)頁的重點(diǎn)層次，但不要過度使用。否則會受到搜索引擎的不同程度的降權(quán)。

　　標(biāo)簽的使用和控制，合理安排網(wǎng)頁層次

　　h1，h2，h3，是經(jīng)常用到的標(biāo)題標(biāo)志，權(quán)重比STONRG高一點(diǎn)。以前我曾在一個網(wǎng)頁里多次使用H1，結(jié)果很長時間在GG的收錄都是補(bǔ)充頁面(更新，外連正常)。H標(biāo)題作為關(guān)鍵詞布局的一個重要方面，一定程度上決定了網(wǎng)頁的層次結(jié)構(gòu)和輕重布局。很多著名的站點(diǎn)都使用H類標(biāo)題，用法上略有區(qū)別，比較靈活。

　　1、按照內(nèi)容的重要性來定義：

　　使用 h1 定義網(wǎng)站標(biāo)題

　　使用 h2 定義文章標(biāo)題

　　使用 h3 定義欄目標(biāo)題

　　2、按照網(wǎng)站的層次來定義：

　　使用 h1 定義網(wǎng)站標(biāo)題

　　使用 h2 定義欄目標(biāo)題

　　使用 h3 定義文章標(biāo)題

　　標(biāo)簽CSS樣式設(shè)置

　　標(biāo)簽?zāi)J(rèn)的表現(xiàn)樣子一般不盡如人意，不能滿足網(wǎng)頁設(shè)計的要求。好在標(biāo)簽是塊級元素，適用塊級元素的屬性，標(biāo)簽均可使用，因此，標(biāo)簽可以通過CSS加以完美控制。

　　內(nèi)外空白邊距，可以通過外邊距margin和內(nèi)邊距padding控制

　　h1 {margin:0px;padding:0px;}