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

8¿îÔÚÏßCSSÓÅ»¯¹¤¾ß/×éÖ¯ºÍѹËõCSS

CSSµÄÓÅ»¯Í¨³£°üÀ¨Á½·½Ãæ: ¸ñʽ»¯CSSºÍ¾«¼òCSS
¡£
 ¾«¼òCSSµÄ°ì·¨ÊǰѾßÓÐÏàͬÊôÐÔµÄÔªËØºÏ²¢ÔÚÒ»Æð£¬µ«Õâ»á½µµÍ´úÂëµÄ¿É¶ÁÐÔ£¬Ê¹´úÂëµÄºóÆÚά»¤ºÜÂé·³£¬ÉÔ²»×¢Òâ¾Í³ö´í¡£ 
¸ñʽ»¯CSSÒ»°ã¾ÍÊǶàÐÐģʽ»òµ¥ÐÐģʽµÄÑ¡Ôñ£¬±ÈÈçÎÒ¸öÈ˾ÍÍêÈ«Êܲ»Á˶àÐÐģʽ
ÏÂÃæÊÇһЩÔÚÏßµÄ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£¬ µÈ¶àÖÖÓïÑÔ¡£
8. Styleneat
 ¼òµ¥Ò×ÓõÄCSS¸ñʽ»¯¹¤¾ß£¬ËäȻѡÏî²»¶à£¬µ«»¹ÊÇÂùʵÓõģ¬Ö§³ÖÖ±½ÓÊäÈ룬ÉÏ´«ÎļþºÍÊäÈëURL¡£ 
×îºó£¬¸öÈ˵ÄһЩ½¨Òé: ʹÓÃÔÚÏß¹¤¾ß½øÐиñʽ»¯£¬µ«²»ÒªÊ¹ÓÃÔÚÏß¹¤¾ß½øÐ


Ïà¹ØÎĵµ£º

Web¿ª·¢ µÚ¶þ²¿·Ö CSS»ù´¡£¨Ò»£© CSS¼ò½é

CSS£¬²ãµþÑùʽ±íµÄ×÷ÓÃÊÇʲô£¿ÎÒÃÇÏÈͨ¹ýÒ»¸öÀý×ÓÀ´Ìå»áһϣº
¿´´úÂ룺
index.html
<!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=" ......

CSS¶¨Î»

¶¨Î»Ò»Ö±ÊÇWEB±ê×¼Ó¦ÓÃÖеÄÄѵ㣬Èç¹ûÀí²»Çå³þ¶¨Î»ÄÇô¿ÉÄÜӦʵÏÖµÄЧ¹ûʵÏÖ²»ÁË£¬ÊµÏÖÁ˵ÄЧ¹û¿ÉÄÜ»á×ßÑù¡£Èç¹ûÀíÇåÁ˶¨Î»µÄÔ­Àí£¬ÄǶ¨Î»»áÈÃÍøÒ³ÊµÏֵĸü¼ÓÍêÃÀ¡£
¶¨Î»µÄ¶¨Ò壺
ÔÚCSSÖйØÓÚ¶¨Î»µÄÄÚÈÝÊÇ£ºposition:relative | absolute | static | fixed
static ûÓÐÌØ±ðµÄÉ趨£¬×ñÑ­»ù±¾µÄ¶¨Î»¹æ¶¨£¬²»ÄÜͨ¹ýz-index½ ......

css marginµÄÏà¹ØÊôÐÔ£¬ÎÊÌâ¼°Ó¦ÓÃ

ÓÃfloatʱ·¢ÏÖmargin²»Æð×÷Óã¬Í¼Æ¬ºÍÎÄ×Ö²¢ÅÅʱÀÏÊDz»ÄÜ¶ÔÆë£¬ÓÚÊÇËѵ½ÁËÕâÆªÎÄÕ¡£ -------------------------------------------------------------------------------------------------------------------- Ô­´´ÎÄÕ£¬×ªÔØÇë×¢Ã÷À´×ÔÕÅöÎÐñ-öοռä-öÎÉú»î[http://www.zhangxinxu.com] ±¾ÎĵØÖ·£ºhttp://www.zhangxi ......

css:divÊôÐÔÏê½â


margin£º²ãµÄ±ß¿òÒÔÍâÁôµÄ¿Õ°×
background-color£º±³¾°ÑÕÉ«
background-image£º±³¾°Í¼Æ¬
padding£º²ãµÄ±ß¿òµ½²ãµÄÄÚÈÝÖ®¼äµÄ¿Õ°×  
border£º±ß¿ò  
content£ºÄÚÈÝ
 
²½ÖèÒ»¡¢
·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
 #sample{
margin:10px;
border: #111 10px solid;
......

ZigbeeÓëCSS¶¨Î»ÌØÐԱȽÏ

ת×Ô£ºhttp://blog.csdn.net/wellnode/archive/2010/03/24/5408943.aspx
ĿǰÔÚÊÐÃæÉÏÓжàÖÖ¶¨Î»ÏµÍ³£¬°üÀ¨
Zigbee
¡¢
WiFi
µÈ£¬ÒÔ¼°×îеÄ
CSS
¶¨Î»ÏµÍ³¡£´Ó¶¨Î»Ô­ÀíÉÏ·ÖÎö£¬Ò»°ãµÄ¶¨Î»ÏµÍ³¶¼¿ÉÒÔ¹éÄɵ½»ùÓÚʱ¼äµÄϵͳ¡¢»ùÓÚÐźÅÇ¿¶Èϵͳ£¬¶øÕâÁ½Ààϵͳ¶¼ÓÐן÷×ԵĹ²ÐÔ¡£ÏÂÃæÒÔÕâÁ½ÖÖϵͳµÄµäÐÍ´ú±í
CSS
ϵͳ£¨» ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ