一区二区三区偷拍,久久精品一级爱片,欧美大胆a人体大胆做受

主頁 > 知識庫 > 網(wǎng)頁制作中十個最好的CSS hacks

網(wǎng)頁制作中十個最好的CSS hacks

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標簽背景重復)

!–[if lt IE 7]>
style>
#leftnav li { zoom: 1;} /* haslayout=true */
/style>
![endif]–>

10. Good to know  (最好知道的)

@charset “UTF-8″;

/* ———————————————————————-
WinIE7
———————————————————————- */
*:first-child+html selector{property:value;}

/* ———————————————————————-
WinIE6  Mac IE
———————————————————————- */
* html selector{property:value;}

/* ———————————————————————-
WinIE6
———————————————————————- */
/*\*/
* html selector{property:value;}
/**/

/* ———————————————————————-
MacIE
———————————————————————- */
/*\*//*/
selector{property:value;}
/**/

您可能感興趣的文章:

CSS Hack 匯總快查
CSS Hack 匯總速查手冊瀏覽器兼容必會
CSS Hack收集匯總
瀏覽器兼容解決FF/IE6/IE7背景專用CSS HACK
特牛的FF/IE6/IE7專用CSS HACK
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法
很不錯的 CSS Hack 又學了一招
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦
CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera

標簽：大同濰坊玉樹深圳濰坊石家莊商洛昭通

巨人網(wǎng)絡通訊聲明：本文標題《網(wǎng)頁制作中十個最好的CSS hacks》，本文關(guān)鍵詞網(wǎng)頁制作,中,十個,最,好的,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權(quán)與本站無關(guān)。

校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

網(wǎng)頁制作中十個最好的CSS hacks