|
|
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重設(shè))
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 (標簽預(yù)格式)
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標簽背景重復(fù))
<! 主站蜘蛛池模板： 九九视频这里只有精品 | 国产麻豆 | 91精品国产免费青青碰在线观看 | 婷婷国产偷v国产偷v亚洲 | 看一级毛片国产一级毛片 | 国产精品无码久久综合网 | 福利小视频在线播放 | 国产欧美一区二区三区观看 | 国产亚洲一区二区三区啪 | 日本一区二区三区视频在线 | 风间由美一区二区播放合集 | 激情小说视频图片 | 91福利在线观看 | 伊人激情综合 | 欧色视频| 国内精品久久久久激情影院 | 国产精品夜色视频一区二区 | 91在线亚洲综合在线 | xxxxxx日本处大片免费看 | 青草国产在线视频 | sihu国产午夜精品一区二区三区 | 狠狠五月深爱婷婷网免费 | 国产精品深夜福利免费观看 | www.射射射 | 免费午夜视频在线观看 | 六月婷婷激情综合 | 影音先锋 色天使 | 一级风流片a级国产 | 久久久久久久久毛片精品 | 成人综合在线视频 | 伊人久久狼人 | 日本精品国产 | 色婷婷久久综合中文久久一本 | 黄免费在线观看 | 天天躁天天爽 | 夭天色综合 | 国产一区二区三区波多野吉衣 | 97碰视频人人做人人爱欧美 | 国产不卡一区 | 亚洲综合图片人成综合网 | www日本在线观看 |