|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 国产精品久久久乱弄 | 国产日产精品一区二区三区四区 | 蜜桃av鲁一鲁一鲁一鲁 | 超碰在线免费av | 一区二区三区免费 | 欧美一区二区三区电影 | 亚洲精品久久久久久久久久久久久 | 欧美日韩专区 | 久婷婷| 欧美激情综合色综合啪啪五月 | 四虎在线观看 | 亚洲一区二区三区久久 | 色婷婷国产精品 | 日韩精品在线看 | 不卡的av在线 | 91精品国产色综合久久 | 91伊人| 国产蜜臀97一区二区三区 | 亚洲第一色av | 亚洲综合在线视频 | 一区在线免费视频 | 天堂一区 | 免费看a| 精品福利视频一区二区三区 | 亚洲欧美日韩精品久久亚洲区 | 天天综合久久 | 久久久久国产一区二区三区 | 欧美久久精品一级黑人c片 91免费在线视频 | 6996成人影院网在线播放 | 日韩在线观看网站 | 国产精品一区二区三区久久 | 一级在线观看 | 91免费看片 | 国产在线视频在线观看 | 国产福利在线 | 欧美成视频 | 国产精品无码久久久久 | 久久久久久久久久久久久久av | 国产精品99久久免费观看 | 欧美性受xxxx白人性爽 | 日本成人久久 |