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¡£
Ïà¹ØÎĵµ£º
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚËÄÕ¡¢¶ÔÓ¦Á´½ÓÑùʽ
4.1 ¼òµ¥µÄÁ´½ÓÑùʽ[code]
/*ËùÓÐÁ´½ÓºìÉ«*/
a{color:red;}
/*δ·ÃÎÊÁ´½ÓÀ¶É«£¬ÒÑ·ÃÎʺìÉ«*/
a:link{color:blue;}
a:visited{color:green}
/*Êó±êÐüͣʱÁ´½ÓºìÉ«*/
a:hover,active{color:red;}
/*ƽʱ²»ÏÔʾÏ» ......
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚÆßÕÂ ²¼¾Ö
ËùÓÐCSS²¼¾Ö¼¼Êõ¶¼ÒÀÀµÓÚÈý¸ö»ù±¾¸ÅÄ¶¨Î»¡¢¸¡¶¯ºÍ¿Õ°×±ß²Ù×Ý
7.1 ÈÃÉè¼Æ¾ÓÖÐ[code]
<body>
<div id='wrapper'>
</div>
</body>
/*×îÃ÷Á˵ľÓÖз½°¸£¬¿ÉϧIE6²»Ö§³Ö*/
#wrapper{
  ......
¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh1
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û32px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh2
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û24px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh3
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û18px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh4
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û16px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh5
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û13px
¸÷µØ°§µ¿Óñ ......
1. css ×ÖÌå¼òд¹æÔò
µ±Ê¹ÓÃcss¶¨Òå×ÖÌåʱÄã¿ÉÄÜ»áÕâÑù×ö£º
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
ÊÂʵÉÏÄã¿ÉÒÔ¼òдÕâЩÊôÐÔ£º
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold ital ......