一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

網頁制作中十個最好的CSS hacks

2014-10-26 20:42:07 分類：HTML/CSS技術 閱讀()
 If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc..

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综合精品网站久久 | 精品国产高清不卡毛片 | 欧美日韩免费大片 | 中文字幕一二三四区2021 | 1024cc香蕉视频 | 欧美高清狂热视频60一70 | 91麻豆精品国产 | 中文字幕一区二区三区免费看 | 国产福利在线91 | 综合视频在线 | 亚洲一区在线免费观看 | 日韩午夜高清福利片在线观看 | 一区二区三区免费视频网站 | 黄网站在线观看视频 | 日韩一区二区免费看 | 美女三级视频 | 国产美乳在线观看 | 四虎最新永久免费视频 | 日韩美女一区二区三区 | 久久综合偷偷噜噜噜色 | 欧美亚洲国产人成aaa | 国产女人综合久久精品视 | 国产午夜一级鲁丝片 | 亚洲成人欧美 | 日本久久免费大片 | 亚洲精品人成网在线播放影院 | 一级一级特黄女人精品毛片视频 | 91小视频在线 | 国产一二三 | 一区一区三区产品乱码 | 99国产成人精品2021 | 国产熟睡乱子伦视频观看看 | 韩国免费乱理论片在线观看2018 | 国产高清视频免费 | 夜色视频一区二区三区 | 免费真实播放国产乱子伦 | 91丨九色丨对白 | 国产精品亚洲片在线花蝴蝶 |