|
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標簽背景重復)
<! 主站蜘蛛池模板: 久久精品国产99久久无毒不卡 | 超级色的网站观看在线 | 91在线免费视频观看 | 国产精品资源在线观看 | 一区二区三区免费 | 免费国产最新进精品视频 | 免费永久在线观看污污的网站 | 青青草久热精品视频在线观看 | 精品综合久久久久久8888 | 久久夜色精品国产噜噜亚洲a | 欧美精| 国产福利在线免费观看 | 亚洲成综合人影院在院播放 | 伊人久久综合谁合综合久久 | 国产亚洲一区呦系列 | 一级做a爰片久久毛片一 | 激情五月五月婷婷 | 国产亚洲精aa在线观看香蕉 | 精品91视频 | 亚洲精品国产精品国自产 | 国产精品永久免费自在线观看 | 色8影院| 国产精品自拍第一页 | 99爱视频99爱在线观看免费 | 国产精品网页 | 四虎影视国产永久免费 | 国产福利在线观看 极品美女 | 国产资源在线视频 | 中文字幕一区2区3区 | 久久瑟| 一二三区在线观看 | 五月丁香花| 男女男精品视频免费观看 | 精品视频久久 | a中文字幕1区 | 国产一区二区在线视频 | 99久久99| 色综合久久九月婷婷色综合 | 欧美美女视频网站 | 性做久久久久久久久男女 | 国产免费午夜 |