網頁不僅是在乙個瀏覽器上顯示的網頁,也要多考慮其他瀏覽器的相容性,火狐、谷歌、搜狗等瀏覽器總體來說,網頁的變化不大,最主要的是還是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下最小...