|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 在线中文字幕视频 | 日本超碰 | 在线免费观看黄色 | 国产精品福利在线观看 | 久久久久久网站 | av一级毛片| 久久国产日韩欧美 | 亚洲成人av在线播放 | 黄色大片网 | 中文字幕av网站 | 最新国产精品精品视频 | 天天爽夜夜骑 | 久久伊人免费视频 | 久久久精品黄色 | 国产第一页在线观看 | 亚洲欧美国产精品久久 | 粉嫩av久久一区二区三区 | 精品久久香蕉国产线看观看亚洲 | 久久中文免费视频 | 亚洲国产成人在线 | 国产精品精品3d动漫 | 毛片a级 | 色毛片 | 成人国产精品色哟哟 | 国产精品久久久久久中文字 | 999re5这里只有精品 | 麻豆国产精品777777在线 | 成人亚洲性情网站www在线观看 | 亚洲另类春色偷拍在线观看 | 久久久青草婷婷精品综合日韩 | 看a网站| 久热国产精品视频 | 色婷婷综合久久久久中文一区二区 | 国产福利在线 | 亚洲欧洲精品成人久久奇米网 | 精品久久久久久久久久久久久久 | 无码一区二区三区视频 | 亚洲精品播放 | 国产精品高清在线 | 亚洲视频免费 | 大乳boobs巨大吃奶挤奶 |