|
|
Here is the list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time.
1. Vertical align div (垂直居中)
http://stylizedweb.com/2008/02/01/vertical-align-div/
2. Min-Height (最小高度)
selector {
min-height:500px;
height:auto; !important
height:500px;
}
3. PNG transparency (透明png)
http://stylizedweb.com/2007/12/30/png-transparency-issues/
4. Autoclear (自動清除)
.container:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac /*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */
5. Reset CSS (CSS重設)
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:”;}
6. Scrolling Render IE (IE滾動條渲染)
html {
background : url(null) fixed no-repeat;
}
7. Opacity (透明度)
#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
8. PRE Tag (標簽預格式)
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* InterNET Explorer 5.5+ */
}
9. Li Background Repeat IE (LI標簽背景重復)
<! 主站蜘蛛池模板： 加勒比一道本综合 | 2021国产精品一区二区在线 | 国产专区一区 | 美女三级在线 | 国产午夜免费 | 色多多视频在线 | 女子毛片 | 日本一区二区三区在线 视频 | 看全色黄大色黄女视频 | 怡红院官网| 日本午夜www高清视频 | 欧美精品黄页在线观看视频 | 欧美日本在线一区二区三区 | www.碰| 亚洲精品乱码蜜桃久久久 | 国产小视频在线看 | 久久婷婷国产精品香蕉 | 韩日美女| 日本高清色惰www在线视频 | 久久婷婷影院 | 韩国一级在线 | 黄色在线免费观看网站 | 2021一本久道 | 97狠狠操| 亚洲国产欧美国产第一区二区三区 | 国语自产免费精品视频在 | 久在线观看视频 | 视频区小说区 | 免费看黄色录像 | 97精品国产91久久久久久久 | 国产小视频在线高清播放 | 99精品大香线蕉线伊人久久久 | 四虎影视4hutv最新地址在线 | 大香网伊人久久综合网2020 | 77777网站| 日韩美女在线视频 | 久久久精品国产四虎影视 | 国产精品福利在线观看 | 8090碰成年女人免费碰碰尤物 | 在线观看精品视频一区二区 | 国产精品日韩欧美久久综合 |