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个，想到继续填补^^