CSS Hack 學習與總結

2022-01-24 02:39:05 字數 2550 閱讀 4707

最近工作寫css比較多,寫完之後發現問題很多,尤其是瀏覽器相容問題,現將學到的和一些總結的寫下來。

1、什麼是css

cascading style sheets(層疊樣式表)的簡稱.

一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行(屬於瀏覽器解釋型語言).

在標準網頁設計中負責網頁內容的表現.

例如 background-color: red; 被描述的元素的背景顏色為紅色。

2、css hack 是什麼

由於不同的瀏覽器比如ie6,ie7,火狐等,對css的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。

這個針對不同的瀏覽器寫不同的css code的過程,就叫css hack!

3、css hack 分類

1、css類內部hack

* _ !important等

2、選擇器hack

* html和 *+html等

3、html頭部引用hack(if ie)

引入css

4、css hack 都有哪些

以下列出一些css hack用到的符號,並不是所有,只是當前用這些就足夠了。

css hack

ie6

ie7

ie8

火狐

/chrome

*

x

x

!important

x

-

x

x

x

_

x

x

x

+

x

x

\9

x

\0

x

x

x

*注意寫法(多數情況下是將hack寫在正常css屬性的下面)

5、區分ie與其他瀏覽器

.class

在ie下文字顏色為白色。

在火狐及chrome下文字顏色為紅色。

6、區分ie6與其他瀏覽器

.class

只有ie6能夠識別 _

在ie6下背景顏色為白色。

在其他瀏覽器下背景顏色為紅色。

7、支援ie6 & ie7的寫法

.class

在ie6、ie7下背景顏色為白色。

在其他瀏覽器下背景顏色為紅色

8、選擇器hack的使用

#test

*html #test

*+html #test

9、html頭部引用hack(if ie)

10、在所有瀏覽器實現inline-block

在做導航條的時候,一般會用到ul li結構,大多數時候我是把li設定為浮動(float=left),讓其併排顯示在同一行,最後再清除浮動(clear:both)防止影響後面的元素。另外一種方法 display:inline-block, ie6和ie7並不完全支援inline-blockli ie6/7下無效li 開啟haslaout

內部ppt檔案

學習與總結

私有構造方法的類,不可被繼承.1.靜態工廠方法取代構造方法,組合取代繼承.優點 有名稱,不用每次呼叫建立乙個物件,可以返回原型別的子型別,引數型別例項更簡潔 2.n個必選引數 多個可選構造引數存在的情況下 建議使用 構造器模式 一般情況使用重疊構造器模式,但是可選引數超過4個就比較繁瑣 重疊構造如下...

OpenCV 學習與總結

opencv 學習與總結 opencv,計算兩幅影象的單應矩陣 摘要 平面射影變換是關於其次3維向量的一種線性變換,可以使用乙個非奇異的 3 times 3 矩陣h表示,x hx 射影變換也叫做單應 homography 計算出兩幅影象之間的單應矩陣h,那麼應用這個關係可以將乙個檢視中的所有點變換到...

UGC簡單學習與總結

的演算法 p u,i 對b求和 n u,b n b,i 其中,n u,b 是使用者u打過標籤b的次數,n b,i 是物品i被打過標籤b的次數。得到使用者u喜歡物品i的可能性。下邊逐個分析其缺點,並一步步改進。改進演算法 1.借鑑tf idf,懲罰熱門標籤 標籤指向的熱門物品。即在上面公式的基礎上,兩...