css樣式技巧總匯一

日期：2013-12-16  來源：攀枝花惠康網絡公司

1、在用 :after 體例斷根浮動時，切記不要在 content:”"; 的引號中加任何字符，搜羅網上常見體例的點“.”，在opera下會發生問題。
display:block;
div:after {
clear:both;
visibility:hidden;
height:0;
}

2、opera 不撐持 overflow-x 和 overflow-y ，而 IE6，IE7，Firefox，Safari 撐持。當使用 overflow-y 來實現某種效不美觀時，要注重 opera 下的默示，折中的體例為先界說 overflow:hidden 屬性，在界說overflow-y:auto 或者 overflow-x:auto 屬性。當然這僅是折中的體例，必然有他的局限性。

3、background-position 屬性界說的挨次為水平位置、垂直位置。好比界說 background-position:top left; 雖然挨次倒置了位置，但所有的瀏覽器都能識別。因為 top 和 left 為可識別位置屬性，但如不美觀換個界說體例 background-position:20px left; 此屬性只會在 IE 中正常顯示，在其他瀏覽器中卻認為是無效的界說，可貴 IE 的“智能”。

4、垂直居中的實現體例可以看：http://ued.taobao.com/blog/2007/11/20/job_test_explanation/，當使用 diplay:table-cell;vertical-align:middle; 來實現已知巨細容器里未知巨細圖片垂直居中時，放置于 table 中的 td or th 使用是有問題的，此時可以給已知道巨細容器加一層div并設置其屬性為 display:table;margin:0 auto; 來解決。
content:”";
且則只想到4個，想到繼續填補^^