|
|
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免费观看 | 欧美性极品xxxx做受 | 在线观看成人av | 亚洲视频www | 99久久婷婷国产综合精品电影 | 国产精品免费看 | 日本午夜免费福利视频 | 久久久久国产精品一区 | 看一级毛片 | 久草福利 | 国内久久 | 欧美中文字幕 | 欧美成人一区二区三区片免费 | 午夜av毛片| 亚洲不卡一 | 国产精品久久片 | 精品人伦一区二区三区蜜桃网站 | 成年人黄色一级片 | 中文字幕一区二区三区在线观看 | 2018天天干天天操 | 巨大黑人极品videos精品 | 亚洲欧美自拍偷拍视频 | 四虎永久免费影院 | 狠狠色综合久久丁香婷婷 | 国产一级黄色网 | 亚洲中国字幕 | 国产免费拔擦拔擦8x高清 |