Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚ°ËÕ£ºÕÐÊýºÍ¹ýÂËÆ÷

ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔ­ÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
ÕÐÊýºÍ¹ýÂËÆ÷
IEµÄÓÐÌõ¼þ×¢ÊÍ£º½öÓÃÕâÒ»Ï¾Í¿ÉÒÔ½â¾öIEµÄ¼æÈÝÎÊÌ⣬ÖÁÓÚÆäËüä¯ÀÀÆ÷µÄ²»Í¬°æ±¾£¬ÎÒÃÇÍêÈ«¿ÉÒÔºöÂÔ²»¼Æ¡£[code]
/*ÓÐÌõ¼þ×¢ÊͽöÔÚIEÖÐÖ§³ÖÇÒIE5ÒÔºóµÄËùÓа汾¾ùÖ§³Ö*/
<!--[if IE]
<style type='text/css'>
@import("ie.css");
</style>
-->
/*Ö¸¶¨IE°æ±¾*/
<!--[if IE 5]
<style type='text/css'>
@import("ie50.css");
</style>
-->
/*Ö¸¶¨IE5.5ºÍ¸ü¸ß°æ±¾*/
<!--[if gte IE 5.5]
<style type='text/css'>
@import("ie55up.css");
</style>
-->
/*Ö¸¶¨IE5.5ºÍ¸üµÍ°æ±¾*/
<!--[if lt IE 6]
<style type='text/css'>
@import("ie.css");
</style>
-->
[/code]×ÓÑ¡ÔñÆ÷¡¢ÊôÐÔÑ¡ÔñÆ÷ºÍ* HTMLÕÐÊýÕÐÊý:[code]
/*ÓÉÓÚIE6»¹²»Ö§³Ö×ÓÑ¡ÔñÆ÷ºÍÊôÐÔÑ¡ÔñÆ÷£¬ËùÒÔ¿ÉÒÔͨ¹ýËüÃÇÈÃÉ趨ÔÚIE6ÖÐÎÞЧ*/
html>body{
    background-image:url(bg.png);
}
div[id='content']{
    background-image:url(bg.png);
}
/*ÐǺÅHTML½«É趨ÏÞÓÚIE6ÒÔÏÂÑ¡ÔñÆ÷£¬µ«ÎҵĵçÄÔÉÏûÓÐ×°IE6£¬ÔÚIE testϸÃÕÐÊýÎÞЧ*/
* html{
    font-size:small;
}
[/code]!importantºÍÏ»®ÏßÕÐÊý£º[code]
#nav{
   position: fixed !important;
   position: static;
}
#nav{
   position:fixed;
   _position:static;
}
[/code]


Ïà¹ØÎĵµ£º

Goodbye to CSS Hack


¿´¿´ÏÂÃæÕâ¶Î´úÂ룬ÊÇ·ñ±¶¸ÐÇ×Çе«ÓÖ¾õµÃºÜİÉúÄØ£º
.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .test {
border: 5px solid ......

[CSS HACK]IE6¡¢IE7¡¢IE8¡¢Firefox¼æÈÝÐÔÎÊÌâ

1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:r ......

¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚÒ»Õ£º»ù´¡ÖªÊ¶

ÎÒÔÚµÚ¾ÅÇø ÉÏ·¢±íÁËÕâ¸öϵÁеıʼǣ¬²¢ÉÏ´«ÁËÔ­×÷µç×ÓÊ飬½ñÌìÓпգ¬×ªÒ»Ï¹ýÀ´¡£
µÚÒ»Õ¡¢»ù´¡ÖªÊ¶
1.1Éè¼Æ´úÂëµÄ½á¹¹
Éè¼Æ´úÂëʱӦ¸ÃʹÓÃÓÐÒâÒåµÄ±ê¼Ç£¬±ÈÈ磬xHTMLÀï°üº¬ºÜ¶àÓÐÒâÒåµÄÔªËØ£¬Èçh1¡¢ul¡¢strong¡¢theadµÈµÈ£¬Ó¦ÓÃʹÓÃËùÓÐÒâÒåºÏÊʵÄÔªËØ£»µ±ÏÖÓÐÔªËØ²»×ãÒÔÃèÊöÒ³ÃæÄÚÈÝʱ£¬¿ÉÒÔÓÃid»òÊÇclassÀ´¸³ÓèËüÃǶ ......

¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚËÄÕ£º¶ÔÓ¦Á´½ÓÑùʽ

ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔ­ÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚËÄÕ¡¢¶ÔÓ¦Á´½ÓÑùʽ
4.1 ¼òµ¥µÄÁ´½ÓÑùʽ[code]
/*ËùÓÐÁ´½ÓºìÉ«*/
a{color:red;}
/*δ·ÃÎÊÁ´½ÓÀ¶É«£¬ÒÑ·ÃÎʺìÉ«*/
a:link{color:blue;}
a:visited{color:green}
/*Êó±êÐüͣʱÁ´½ÓºìÉ«*/
a:hover,active{color:red;}
/*ƽʱ²»ÏÔʾÏ» ......

¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚÆßÕ ²¼¾Ö

ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔ­ÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚÆßÕÂ ²¼¾Ö
ËùÓÐCSS²¼¾Ö¼¼Êõ¶¼ÒÀÀµÓÚÈý¸ö»ù±¾¸ÅÄ¶¨Î»¡¢¸¡¶¯ºÍ¿Õ°×±ß²Ù×Ý
7.1 ÈÃÉè¼Æ¾ÓÖÐ[code]
<body>
<div id='wrapper'>
</div>
</body>
/*×îÃ÷Á˵ľÓÖз½°¸£¬¿ÉϧIE6²»Ö§³Ö*/
#wrapper{
    ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ