|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 日本加勒比中文字幕 | 亚洲最黄视频 | 在线看一区 | 亚洲精品福利在线观看 | 精品久久久久免费极品大片 | 开心激情网五月天 | 日韩 欧美 国产 亚洲 中文 | 黄色片视频在线播放 | 色多多在线看 | 国产91原创 | 色多多18免费观看 | 国产秒拍 | 国产一级在线观看www色 | 麻豆视频播放 | 狠狠入ady亚洲精品 狠狠色成人综合首页 | 国产麻豆精品视频 | www.日本在线视频 | 91无毒不卡 | 在线精品国产一区二区 | 国产精品分类视频分类一区 | 高清一区高清二区视频 | 亚洲一区在线播放 | 亚洲黄色小说视频 | 好吊妞视频这里有精品 | 亚洲视频区 | 四虎精品免费视频 | 中文字幕亚洲一区二区三区 | 四虎国产精品免费视 | 怡红院成人影院 | 精品国产免费福利片 | 天天视频入口 | 日本视频www色变态 日本视频网站在线www色 | 一级毛片国产真人永久在线 | 米奇精品一区二区三区 | 亚洲精品69| 九月色婷婷 | 国产中的精品一区的 | 国产成人精品久久综合 | 欧美一级特黄aaa大片 | 欧美视频亚洲 | 亚洲区在线|