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

CSSÔÚÏßÓÅ»¯

×î½üÔÚÍøÉÏÕÒµ½Á˼¸¿îCSSÔÚÏßÓÅ»¯Æ÷£¬×Ô¼ºÊÔÁËÊÔ£¬·ÅÉÏÀ´¸ú´ó¼Ò·ÖÏíһϡ£
1. Online CSS Optimizer /ÔÚÏßCSSÓÅ»¯
¸ÃÔÚÏß¹¤¾ßÓÃÓÚ¾«¼òºÍѹËõÑùʽ±íµÄÎļþ´óС£¬ÓÅ»¯ºóµÄ´úÂ뽫ÍêÈ«ÊÇ»ìÂҵģ¬Ö§³ÖÊäÈëURL£¬Ìá½»ÎļþºÍÖ±½ÓÊäÈë½øÐÐѹËõ¡£
2. CSS Compressor/CSSѹËõ
×÷ÓÃͬÉÏ£¬µ«Õâ¸ö¹¤¾ßÓµÓзdz£ÏêϸµÄѹËõÑ¡ÏËü°üº¬»ù±¾Ä£Ê½ºÍ¸ß¼¶Ä£Ê½¡£
ÔÚ»ù±¾Ä£Ê½ÏÂ, Äã¿ÉÒÔÑ¡ÔñѹËõģʽ: Çá¶È£¬±ê×¼ºÍ¸ß¶È¡£×î¸ßģʽѹËõºóµÄÎļþ×îС£¬µ«Í¬Ê±¿É¶ÁÐÔÒ²¾Í×îµÍ£¬ÉõÖÁѹËõºó¾Í³öÎÊÌâÒ²¿ÉÄÜ£¬ÒÔ´ËÀàÍÆ¡£»¹¿ÉÒÔÑ¡ÔñCSS×¢ÊÍ´úÂëµÄ´¦Àí: ²»´¦Àí×¢ÊÍ£¬Çå³ýËùÓÐ×¢ÊÍ»òÏÞ¶¨×¢ÊÍ×Ö·ûÊý¡£
Ôڸ߼¶Ä£Ê½Ï£¬»¹¿ÉÒÔ¶Ô¿Õ°×£¬Tab£¬ÐÂÐеȵȽøÐÐÑ¡Ôñ´¦Àí¡£
3. CleanCSS / CSS¸ñʽ»¯ºÍÓÅ»¯¹¤¾ß
»ùÓÚ CssTidy µÄÒ»¿îÔÚÏßCSSÓÅ»¯¹¤¾ß£¬¼È¿ÉÒÔ¸ñʽ»¯CSS´úÂ룬Ҳ¿ÉÒÔÓÅ»¯CSS¼õÉÙCSSÎļþ´óС£¬°üº¬·Ç³£ÏêϸµÄÑ¡ÏîÉèÖᣱÈÈçÑ¡ÔñÆ÷ºÍÊôÐÔµÄÅÅÐò£¬´óСдת»»µÈµÈ¡£
4. CSS Analyzer / CSSÓÐЧÐÔ·ÖÎö¹¤¾ß
¼ì²éÑùʽ±íµÄÓÐЧÐÔ£¬ÑéÖ¤Ñùʽ±íÊÇ·ñ·ûºÏ W3c ±ê×¼£¬Í¬Ê±½øÐÐÑÕÉ«¶Ô±È²âÊÔºÍÈ·±£³ß´çµÄµ¥Î»(W3CµÄGuideline 3.4 ½¨ÒéʹÓÃÏà¶Ô¶ø·Ç¾ø¶Ôµ¥Î»£¬ËäÈ»pxÊÇÏà¶Ôµ¥Î»£¬µ«ÊÇ×îÖÕµÄ×ÖÌå´óСȴȡ¾öÓÚÊä³ö½éÖÊ£¬ËùÒÔ½¨ÒéÊÇʹÓðٷֱȺÍemµÈ³ß´çµ¥Î»¡£)
5. Format CSS Online /ÔÚÏßCSS¸ñʽ»¯¹¤¾ß
ÕâÊÇÒ»¸öרÃÅÓÃÓÚ¸ñʽ»¯CSSÑùʽ±íÎļþµÄÔÚÏß¹¤¾ß£¬ÌÖÂÛ¸ÃʹÓÔ¶àÐÐģʽ”»¹ÊÇ”µ¥ÐÐģʽ”»òÆäËüģʽÊÇûʲôÒâÒåµÄ£¬²»Èç´ó¼Ò¾Í°´×Ô¼ºµÄģʽȥ×ö£¬ÔÚЭ×÷µÄʱºòÓù¤¾ßÖØÐ¸ñʽ»¯³É×Ô¼ºÏ²»¶µÄģʽ¾ÍºÃÁË¡£
6. Tabifier
·Ç³£¼òµ¥µÄ¸ñʽ»¯¹¤¾ß£¬Í¨¹ýÔö¼Ó´úÂëµÄËõ½øÀ´ÈôúÂë¸ü¾ß¿É¶ÁÐÔ¡£
7. Pretty Printer
Ò»¿î¶àÓÃ;´úÂëÓÅ»¯¹¤¾ß£¬Ìṩ¶àÖÖÑ¡Ï³ý CSS Í⣬»¹Ö§³Ö PHP£¬Java£¬C++£¬C£¬Perl£¬javascript µÈ¶àÖÖÓïÑÔ¡£
8. Styleneat
¼òµ¥Ò×ÓõÄCSS¸ñʽ»¯¹¤¾ß£¬ËäȻѡÏî²»¶à£¬µ«»¹ÊÇÂùʵÓõģ¬Ö§³ÖÖ±½ÓÊäÈ룬ÉÏ´«ÎļþºÍÊäÈëURL¡£


Ïà¹ØÎĵµ£º

È«¹ú°§µ¿ÈÕÍøÒ³±ä»ÒÉ«µÄCSS´úÂë

¡¾¼ò ½é¡¿
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨:Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×,½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°.½¨ÒéÈ«¹úÕ¾³¤¶¯ÆðÀ´.ÎªÔ ......

css floatÎÊÌâ

     ×î½ü×÷¹æ·¶,µÃµ½¹«Ë¾¸ßÊֵĴͽ̣¬ÔÚÖÆ×÷¾²Ì¬Ò³ÃæÖУ¬¾­³£Óöµ½¼¸¸ödivµÄ¸¡¶¯ÎÊÌ⣬ÒòΪIE²»Í¬°æ±¾´¦Àí¸¡¶¯»áÏÖÁ½±¶²î¾àµÄÎÊÌ⣨IE6£¬IE7£©£¬ÒÔǰ¶¼ÊÇͨ¹ýhack¼¼Êõ´¦Àí£¬£¨Èç margin-left:10px,[*margin-left:5px;],_margin-left:5px;ÕâÊÇIEµÄÎÊÌ⣩£¬ÏÖÔÚÓÐÒ»¸ö·½·¨£ºÔÚµÚÒ»¸ödivµÄclass¼ÓÉÏ£¨disp ......

CSSǶÌ×Ñ¡ÔñÆ÷ÓÅÏȼ¶¼ÆËã

Ò»×éǶÌ×Ñ¡ÔñÆ÷µÄʵ¼ÊÌØÐÔ¿ÉÒÔ¼ÆËã³öÀ´¡£»ù±¾µÄ£¬Ê¹ÓÃIDÑ¡ÔñÆ÷µÄÖµÊÇ100£¬Ê¹ÓÃclassÑ¡ÔñÆ÷µÄÖµÊÇ10£¬Ã¿¸öhtmlÑ¡ÔñÆ÷µÄÖµÊÇ1¡£
ËüÃÇ¼ÓÆðÀ´¾Í¿ÉÒÔ¼ÆËã³öÌØÐÔµÄÖµ¡£
pµÄÌØÐÔÊÇ1£¨Ò»¸öhtmlÑ¡ÔñÆ÷£©
div pµÄÌØÐÔÊÇ2£¨Á½¸öhtmlÑ¡ÔñÆ÷£©
.treeµÄÌØÐÔÊÇ10£¨1¸öclassÑ¡ÔñÆ÷£©
div p.treeµÄÌØÐÔÊÇ1+1+10=12£¬£¨Á½¸öhtmlÑ¡ÔñÆ÷ ......

DIV+CSSÖ®float

test.html£º
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......

cssαÀàhover ie6bug£¬½Ò¿ªIE6ÏÂhover²»ÏÔʾԭÒò

:hoverÊÇÎÒÃÇÔÚCSSÉè¼ÆÖÐ×î³£ÔËÓõÄαÀàÖ®Ò»£¬Ðí¶àѤÀöЧ¹ûµÄʵÏÖÀë²»¿ªÎ±Àà:hover£¬±ÈÈçÎÒÃdz£¼ûµÄ´¿CSS²Ëµ¥¡¢Ïà²áЧ¹ûµÈµÈ¡£
»òÐíÓÃÁËÕâô¾ÃµÄαÀà:hover£¬»¹Óв¿·ÖÅóÓÑ»¹²»ÍêÈ«Á˽âhoverµÄ¹æÔò£º
ÔÚCSS1ÖдËαÀà½ö¿ÉÓÃÓÚa¶ÔÏó¡£ÇÒ¶ÔÓÚÎÞhrefÊôÐÔ£¨ÌØÐÔ£©µÄa¶ÔÏ󣬴ËαÀ಻·¢Éú×÷Óá£
ÔÚCSS2ÖдËαÀà¿ÉÒÔÓ¦ÓÃÓÚÈκζÔÏ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ