如何讓CSS的標簽兼容不同的瀏覽器

　　在不同瀏覽器，標簽呈現的效果是有區別的。所以小面小編來(lái)談?wù)勅绾巫孋SS的標簽兼容不同的瀏覽器。

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

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

　　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;

　　}

　　標簽一般介紹

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

　　標簽成對出現，以開(kāi)始，以結束。

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

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

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

　　標簽代表了一個(gè)網(wǎng)頁(yè)的重點(diǎn)層次，但不要過(guò)度使用。否則會(huì )受到搜索引擎的不同程度的降權。

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

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

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

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

　　使用 h2 定義文章標題

　　使用 h3 定義欄目標題

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

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

　　使用 h2 定義欄目標題

　　使用 h3 定義文章標題

　　標簽CSS樣式設置

　　標簽默認的表現樣子一般不盡如人意， 不能滿(mǎn)足網(wǎng)頁(yè)設計的要求。好在標簽是塊級元素，適用塊級元素的屬性，標簽均可使用，因此，標簽可以通過(guò)CSS加以完美控制。

　　內外空白邊距，可以通過(guò)外邊距margin和內邊距padding控制

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

　　字體的字號，顏色，字體控制

　　h1 {font-size:14px; color:#55295e;font-family:Verdana,Arial, Helvetica,sans-serif; }

　　高度和寬度的控制

　　h1 {height:20px; width:400px;line-height:20px;}

　　行高的控制

　　h1 {line-height:20px;}

　　文本對齊方式的控制， 可以是left，right，center。

　　h1 {text-align:left;}

　　邊框的控制

　　h1 {border: 1px dotted #55295e;}

　　背景的控制

　　h1 {background: #ccc url(images/test.jpg) no-repeat top ;}

【如何讓CSS的標簽兼容不同的瀏覽器】相關(guān)文章：

CSS如何顯示 HTML元素09-03

如何搭建系統CSS架構09-26

CSS教程之重置默認樣式與IE兼容圓角的解決方法07-18

SEOer如何優(yōu)化網(wǎng)站標簽10-23

如何運用META標簽提升排名09-23

火狐瀏覽器鼠標手勢如何設置09-15

CSS實(shí)用教程:CSS命名10-05

div+css必看的css重則06-27

不同臉型如何化妝08-01

css 書(shū)寫(xiě)技巧 CSS 技巧教程簡(jiǎn)介07-02