CSS學習筆記

 

1、要想元素相對於父元素決對定位,則父元素必須定位設置成relative。
2、要想width屬性跨瀏覽器可用,則需要設置該元素的float屬性。
3、父元素設置float或添加clear元素以試float元素的父元素能夠有正確的空間。 
4、a:link visited hover active,必須以這樣的順序定義style,且定義a的button效果時,推薦a:link, a:visited 一起定義。
5、定義line-height可使單行文本垂直居中。
6、display:block的子元素會使其inline的父元素也block
7、text-indext:大負值,一個隱藏文本又兼顧屏幕閱讀器用戶的方法。
8、無論是基於浮動的佈局,還是基於空白變的佈局,在HTML中都是先出現maincontent,在css中也是先佈局maincontent.
9、CSS bug的常見解決方案:將position屬性設置爲relative/將dispaly屬性設置爲inline(在浮動元素上)或者設置寬度或高度等尺寸。
10、table-layout 屬性設置爲 fixed 加設置td的height(width可選)也是一種處理td內字符串過長的一種方法,詳參:對於 table 來說,假如 table-layout 屬性設置爲 fixed ,則 td 對象支持帶有默認值爲 hidden 的 overflow 屬性。如果設爲 scroll 或者 auto ,那麼超出 td 尺寸的內容將被剪切。如果設爲 visible ,將導致額外的文本溢出到右邊或左邊(視 direction 屬性設置而定)的單元格。
11、背景圖像是一種重要的美化站點的css技術。

12、不要要頂層亂用align=center元素屬性方式定位,其對子元素的影響還得專門建層消除。

13、CSS調試階段一定要分文件分模塊調試,以便定位衝突點。

14、IE8的form內不要亂用button元素,要用的話就有div做的僞button.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章