|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 黄黄的网站在线观看 | 国产激爽大片在线播放 | 亚洲天堂一区在线 | 久久久这里有精品 | 亚洲综合激情另类专区 | 日韩在线看片 | 色国产精品 | 国产日韩三级 | 久久亚洲精品国产亚洲老地址 | 国产精品 视频一区 二区三区 | 综合色88 | 五月天婷婷一区二区三区久久 | 影音先锋 色天使 | 欧美一级久久久久久久久大 | 欧美成人精品三级网站 | 在线看污片 | 午夜视频www| 精品国内自产拍在线视频 | 欧美videos在线观看 | 亚洲大尺度视频 | 性欧美xxxx乳高跟 | 日本3级网站 | 国产高清视频免费人人爱 | 欧美极品美軳人人体 | a爱视频| 亚洲精品视频区 | 国产自制一区 | 91免费国产 | 久久艹伊人 | 婷婷中文| 欧美成人午夜精品免费福利 | 最新日本免费一区二区三区中文 | 在线私拍国产福利精品 | 奇米影视99| 国产精品久久自在自2021 | 国产专区91 | 亚洲精品美女久久久久网站 | 黄网页在线观看 | 国产系列欧美系列日韩系列在线 | 黄色免费观看视频网站 | 婷婷色九月|