国产乱理伦片在线视频观看,精精国产麻豆在线播放

主頁 > 知識庫 > 網(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重設(shè))

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 (標簽預(yù)格式)

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

!–[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)絡(luò)通訊聲明：本文標題《網(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)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

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

四合一精品企业网站建设

¥888元限时抢购

立即咨询快速购买

企业400电话

合计11份范本：公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议