|
|
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標簽背景重復)
<! 主站蜘蛛池模板： 午夜亚洲精品不卡在线 | 人人听力网mp3下载 人人舔人人爱 | 美女张开腿露出尿口扒开来摸动漫 | 国产精品无码无卡毛片不卡视 | 亚洲精品久久久久一区二区三 | lesbabes性欧美| 国产1广场舞丰满老女偷 | 欧美丰满熟妇无码XOXOXO | 国产99久久久国产精品成人 | 中文字幕在线观看 | jiapanese50欧美熟妇 | 最新国产精品视频免费看 | 精品无码一区二区三区不卡 | 日本AAA片爽快视频 日本aaaa | 久久精品动漫99精品动漫 | 久久无码av三级 | 国模孕妇模特季玥之粉红 | 肉动漫h黄动漫日本免费观看 | 国产白丝精品爽爽久久久久久蜜臀 | 国产做国产爱免费视频 | 欧洲美女人 一级毛片 | 最近日本MV字幕免费观看视频 | 亚洲日韩有码无线免费 | 欧美激情视频在线观看一区二区三区 | 老熟女毛茸茸浓毛 | 美女胸禁止18以下看 | 日韩精品在线观看免费 | WWW国产精品人妻一二三区 | 国产亚洲精品久久久久苍井松 | 99re热精品视频国产免费 | 黑人特黄AA完整性大片 | 强开少妇嫩苞又嫩又紧九色 | 语文老师扒开胸罩喂我奶 | 亚洲AV无码专区国产精品99 | 伊人成综合网伊人222 | 19不插片免费视频 | 动漫美女被羞羞动漫怪物 | xxxx俄罗斯1819 | 国产精品高清视频在线 | 亚洲 欧美 日韩 卡通 另类 | 国内久久久久影院精品 |