|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 中文字幕视频在线 | 欧美一区二区在线观看 | 久久精片| 九九色综合 | 欧美日韩亚洲在线 | 亚洲www啪成人一区二区 | 久草免费电影 | 欧美影院 | 久久精品成人 | av日韩精品 | 午夜免费观看 | 欧美日韩久久 | 日日骚视频 | www.888www看片| 日韩一区二区免费视频 | 国产精品无码专区在线观看 | 国产在线精品一区二区三区 | 日韩精品视频一区二区三区 | 成年人在线观看 | 亚洲精品一区二区三区丝袜 | 一区二区三区在线免费观看 | 超碰97人人人人人蜜桃 | 色播久久久 | 一区二区国产精品 | 一区二区三 | 亚洲h色| 狠狠操天天操 | a欧美 | 欧美区在线 | 九九久久精品 | 欧美日韩一区二区三区四区五区 | 欧美a免费 | 欧美日韩毛片 | 97精品超碰一区二区三区 | 在线看亚洲 | 久热精品在线播放 | 国产精品一区二区av | 国产欧美日韩视频 | 日韩中文字幕一区二区三区 | 日本三级网址 | 国产成人黄色 |