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

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

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

熱門標簽:地圖標注樓盤 ai電話機器人效果差 地圖標注微信好友 蘇州做電話機器人 南山電話機器人 沈陽400電話辦理多少錢 南昌電話機器人系統(tǒng) 隨州外呼系統(tǒng)廠家 快速更改地圖標注點標
 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)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁制作中十個最好的CSS hacks》相關(guān)的同類信息!
  • 本頁收集關(guān)于網(wǎng)頁制作中十個最好的CSS hacks的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 罗田县| 苗栗市| 威海市| 金山区| 黔西县| 南丰县| 民乐县| 南和县| 永清县| 从化市| 武山县| 桐梓县| 赣州市| 渭南市| 蓝田县| 鲜城| 金堂县| 肥乡县| 沈丘县| 林周县| 无为县| 龙海市| 普格县| 嫩江县| 龙泉市| 恩施市| 镇远县| 米易县| 舟山市| 永济市| 邯郸市| 德令哈市| 普兰县| 廉江市| 旬邑县| 桐乡市| 福泉市| 哈密市| 共和县| 杭锦后旗| 阳东县|