|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 守婚如玉演员表| 红电视剧演员表| 温州新闻| 勇者1—42集免费观看电视剧视频| 人口高质量发展形势与政策论文 | naughty america| 心经全文260字| 热天午后| 碟仙诡谭| 电影《48天》免费观看全集| 吴涵伊| 但愿人长久| 盛夏晚晴天演员表| ca109| 女同恋性吃奶舌吻完整版| 白浩| 张成楚| 妈妈的脊背简谱| 特级做a爰片毛片免费看| 大尺度激情戏片段| 红电视剧演员表| 姐妹会的秘密电影| 五下数学第二单元知识点思维导图| 圣洁四人行| 电视剧《浮沉》免费完整版| 烽火流金电视剧| 假如我是一坨屎作文| 无懈可击图片| 九宫格数独100题及答案| 刘浩存个人简历资料| 蜘蛛夫人:超感觉醒 电影| 王牌替身免费观看全集| 91精品在线视频播放| joyce| 电影因果报应完整版观看| 张艺宣| 蓝莓之夜 电影| 湖南卫视节目表今天| 包公大战潘金莲| 比基尼诱惑| 高地1—36集电视剧免费观看剧情|