html網頁的相容性和css優先順序

2022-09-15 18:30:10 字數 1346 閱讀 7450

網頁不僅是在乙個瀏覽器上顯示的網頁,也要多考慮其他瀏覽器的相容性,火狐、谷歌、搜狗等瀏覽器總體來說,網頁的變化不大,最主要的是還是ie瀏覽器。

color:red\9; 

ie6  ie7   ie8  都會執行這段**。

color:red\0 ;

ie8  都會執行這段**。

_color:red ;

*color:red ;

>color:red ;

ie6  ie7  都會執行這段**。

在編寫ie6  ie7   ie8顯示不同顏色的時候,要主要編寫的順序,應該先寫ie8ie7ie6

這樣**才能夠實現各種

最主要的的是要多考慮ie6的相容性。

1、塊級元素在浮動的時候,在ie6**現的雙倍的外邊距。

處理方法: _display:inline。

2、在設定最小高度的時候,ie6最少支援10px.

處理方法:overflow:hidden;

3、設定透明度

ie:    filter:progid:dximagetransform.microsoft.alpha(style=0,opacity=60)

其他瀏覽器:opacity:0.6

css優先順序:

內聯》內嵌》外聯

內嵌和外聯的順序,從上往下執行(誰在最下面,誰最大)!  

id>屬性選擇器》calss(類選擇器)>元素

css選擇器的權重值

a   >  b  >    c    > d

id     0     1     0      0

class 偽類  0     0     1      0

元素 ,偽元素  0      0     0      1

在定義選擇器的時候,我們可以加大標籤的權重值來,實現需要改變的樣式和字型顏色。

隨著有用的功能越來越多的,大多數的人都忽略了內部css的選擇。乙個元素可以套用很多的類,

例如: 

.red  

.bold

我們可以運用它: 

this text will be red yet also bold!

class裡面不僅可以寫乙個類選擇器,也可以寫多個定義類選擇器的名稱,但是要記住,不能夠重名。如果重名的化,**就會出現錯誤。

在編寫的網頁的時候,要記住,先用div把整體的局佈好,這樣編寫起來,容易分清楚。不然,很容易分不清楚需要改變樣式的div是哪乙個。

網頁相容性除錯

網頁相容性除錯 流程 寫作規範高質量的 出相容性問題的可能性較小。所以出了問題要考慮是否 結構不規範 相容性問題兩大原因 不同解析度下的相容性除錯 不同瀏覽器下的相容性除錯 顯示器解析度和瀏覽器市場份額 瀏覽器分類 國際品牌瀏覽器 ie ie6 7 8 9 10 11 chrom firefox s...

HTML相容性處理

注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...

關於HTML相容性

1.計算一定要精確,不要讓子元素大於父元素 不然ie會撐開父元素出問題 2.在ie6元素浮動,如果寬度需要內容撐開,就給裡邊的塊元素都加浮動 不然裡面的元素會佔滿父元素的父元素的正行,浮動就沒用!3.在ie6,7下元素要通過浮動並在同一行,就給這行元素都加浮動 4.注意標籤巢狀規範 5.ie6下最小...