最近工作寫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,懲罰熱門標籤 標籤指向的熱門物品。即在上面公式的基礎上,兩...