|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 精品久久精品 | 日韩久久久久 | 日韩在线一区二区三区 | 青青草在线视频免费观看 | 日韩最新网址 | 一区二区日韩 | 国产黄色一级片 | 亚洲一区久久 | 久久久久久成人 | 毛片网站在线观看 | 亚洲视频在线看 | 一级a性色生活片久久毛片波多野 | 午夜欧美| 日韩三级免费网站 | 奇米久久 | 久久久www成人免费精品张筱雨 | 91久久精品国产 | 日本午夜免费福利视频 | 欧美一级黄色片在线观看 | 中文字幕国产精品 | 福利视频一区 | 久久久久国产精品午夜一区 | 亚洲精品一二三 | 在线欧美视频 | 日韩精品极品视频在线观看免费 | 女女百合av大片一区二区三区九县 | 国产亚洲精品久久情网 | 91精品久久久 | 特级毛片 | 亚洲精品v | 亚洲色图综合 | 宅女噜噜66国产精品观看免费 | 一区二区三区免费 | 亚洲欧洲色视频 | 第一区在线观看免费国语入口 | 亚洲男人天堂2024 | 亚洲www啪成人一区二区麻豆 | 欧美a∨| 国产精品高潮呻吟久久av黑人 | 久久新视频 | 中文字幕亚洲在线 |