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

CSSÖв»Í¬ä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌ⣨ËѼ¯µ½µÄ£©

Ëæ×Å×îÐÂCSSµÄ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄÍøÕ¾²ÉÓÃDIV+CSS²¼¾Ö¡£¶øÔ­À´Ê¹ÓÃtableÌ×tableµÄÍøÒ³²¼¾ÖģʽҲÖð½¥Ó¦¸ÃÌÔÌ­ÁË¡£ÓÉÓÚĿǰIE6²»ÄÜÖ§³ÖÓÐЩ±ê×¼µÄCSS£¬ÐèÒªÓÃ΢ÈíÌØÓеÄCSSÀ´ÐÞ¸´ÕâЩBUG.¶øÇÒÏÖÔÚËæ×Åä¯ÀÀÆ÷²ã³ö²»ÇҪÊÇÒ³ÃæÄܹ»ÊÊÓ¦¾¡Á¿¶àµÄä¯ÀÀÆ÷³ÉΪһ¸ö¿ÎÌâ¡£ µ«ÊÇËæ×ÅCSS±ê×¼µÄ½øÒ»²½ÍêÉÆ£¬ä¯ÀÀÆ÷½«×îÖÕ¶¼»á×ñÑ­Õâ¸ö±ê×¼£¬µ½Ê±ºòдDIV+CSS²¼¾ÖµÄÒ³Ãæ¾Í²»ÄÇôÂé·³ÁË¡£
µ«ÊÇÏÖÔÚ£¬ÎÒÃÇ»¹ÊÇÐèÒª´¦ÀíCSSÔÚ²»Í¬ä¯ÀÀÆ÷ϵļæÈÝÐÔ¡£Ò»ÏÂÊÇÒ»¸öÍøÓÑдµÄCSS¼æÈݼ¼ÇÉ£¬ÖµµÃ´ó¼Ò²Î¿¼¡£
CSS¼æÈݼ¼ÇÉ
¡¡¡¡1, FFϸø div ÉèÖà padding ºó»áµ¼Ö width ºÍ height Ôö¼Ó, µ«IE²»»á.
             ¿ÉÓÃ!important½â¾ö
¡¡¡¡2, ¾ÓÖÐÎÊÌâ.
¡¡¡¡ 1).´¹Ö±¾ÓÖÐ.½« line-height ÉèÖÃΪ µ±Ç° div ÏàͬµÄ¸ß¶È, ÔÙͨ¹ý vertical-align: middle.( ×¢ÒâÄÚÈݲ»Òª»»ÐÐ.)
¡¡¡¡   2).ˮƽ¾ÓÖÐ. margin: 0 auto;(µ±È»²»ÊÇÍòÄÜ)
¡¡¡¡3, ÈôÐè¸ø a ±êÇ©ÄÚÄÚÈݼÓÉÏÑùʽ, ÐèÒªÉèÖà display: block;(³£¼ûÓÚµ¼º½±êÇ©)
¡¡¡¡4, FF ºÍ IE ¶Ô BOX Àí½âµÄ²îÒìµ¼ÖÂÏà²î 2px µÄ»¹ÓÐÉèΪ floatµÄdivÔÚieÏ margin¼Ó±¶µÈÎÊÌâ.
¡¡¡¡5, ul ±êÇ©ÔÚ FF ÏÂÃæÄ¬ÈÏÓÐ list-style ºÍ padding . ×îºÃÊÂÏÈÉùÃ÷, ÒÔ±ÜÃâ²»±ØÒªµÄÂé·³. (³£¼ûÓÚµ¼º½±êÇ©ºÍÄÚÈÝÁбí)
¡¡¡¡6, ×÷ΪÍⲿ wrapper µÄ div ²»Òª¶¨ËÀ¸ß¶È, ×îºÃ»¹¼ÓÉÏ overflow: hidden.ÒÔ´ïµ½¸ß¶È×ÔÊÊÓ¦.
¡¡¡¡7, ¹ØÓÚÊÖÐιâ±ê. cursor: pointer. ¶øhand Ö»ÊÊÓÃÓÚ IE.
Õë¶Ôfirefox ie6 ie7µÄcssÑùʽ
¡¡¡¡ÏÖÔڴ󲿷ֶ¼ÊÇÓÃ!importantÀ´hack£¬¶ÔÓÚie6ºÍfirefox²âÊÔ¿ÉÒÔÕý³£ÏÔʾ£¬
¡¡¡¡µ«ÊÇie7¶Ô!important¿ÉÒÔÕýÈ·½âÊÍ£¬»áµ¼ÖÂÒ³ÃæÃ»°´ÒªÇóÏÔʾ!ÕÒµ½Ò»¸öÕë
¡¡¡¡¶ÔIE7²»´íµÄhack·½Ê½¾ÍÊÇʹÓÓ*+html”£¬ÏÖÔÚÓÃIE7ä¯ÀÀһϣ¬Ó¦¸ÃûÓÐÎÊÌâÁË¡£
¡¡¡¡ÏÖÔÚдһ¸öCSS¿ÉÒÔÕâÑù£º
¡¡¡¡#1 { color: #333; } /* Moz */
¡¡¡¡* html #1 { color: #666; } /* IE6 */
¡¡¡¡*+html #1 { color: #999; } /* IE7 */
¡¡¡¡ÄÇôÔÚfirefoxÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#333£¬IE6ÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#666£¬IE7ÏÂ×ÖÌåÑÕÉ«ÏÔʾΪ#999¡£
css²¼¾ÖÖеľÓÖÐÎÊÌâ
¡¡¡¡Ö÷ÒªµÄÑùʽ¶¨ÒåÈçÏ£º
¡¡¡¡body {TEXT-ALIGN: center;}
¡¡¡¡#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
¡¡¡¡ËµÃ÷£º
¡¡¡¡Ê×ÏÈÔÚ¸¸¼¶ÔªËض¨ÒåTEXT-ALIGN: center;Õâ¸öµÄÒâ˼¾ÍÊÇÔÚ¸¸¼¶ÔªËØÄÚµÄÄÚÈݾÓÖÐ;¶ÔÓÚIEÕâÑùÉ


Ïà¹ØÎĵµ£º

CSS stytleÊôÐÔ´óÈ«

ÔªËØ | i ¶ÔÏó IMG ÔªËØ | img ¶ÔÏó DHTML ¶ÔÏó
IFRAME ÔªËØ | iframe ¶ÔÏó
--------------------------------------------------------------------------------
´´½¨ÄÚǶ¸¡¶¯¿ò¼Ü¡£
³ÉÔ±±í
ÏÂÃæµÄ±í¸ñÁгöÁË iframe ¶ÔÏóÒý³öµÄ³ÉÔ±¡£Çëµ¥»÷×ó²àµÄ±êÇ©À´Ñ¡ÔñÄãÏëÒª²é¿´µÄ³ÉÔ±ÀàÐÍ¡£
±êÇ©ÊôÐÔ/ÊôÐÔ  
ÏÔʾ ......

cssÔ²½Çbox(¿í¶È×ÔÊÊÓ¦)(°Ù¶ÈÖªµÀÍÚ³ö)

cssÔ²½Çbox(°Ù¶ÈÖªµÀÍÚ³ö) 1.css .zhidao_box {
    position: relative;
    width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
    height: 1px;
    font-size: 0px;
    ov ......

js+cssʵÏÖ·­Ò³

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"><head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &nb ......

µÚÒ»´ÎÍæÂÛ̳£¬ÎÒÊÇÒ»¸öÖÒʵµÄCSSÕß

ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅŰæÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏ×ªÓÆ×ªÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx 
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......

CSS實現ÎÄ×ÖµÄ邊¿òЧ¹û

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ