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

Ŀǰ±È½ÏÈ«µÄCSSÖØÉè(reset)·½·¨×ܽá

¡¡¡¡ÔÚµ±½ñÍøÒ³Éè¼Æ/¿ª·¢Êµ¼ùÖУ¬Ê¹ÓÃCSSÀ´ÎªÓïÒ廯µÄ(X)HTML±ê¼ÇÌí¼ÓÑùʽ·ç¸ñÊÇÖØÒªµÄ¹Ø¼ü¡£ÔÚÉè¼ÆÊ¦ÃǵÄÃÎÏëÖж¼´æÔÚ×ÅÕâÑùµÄÒ»¸öÍêÃÀ
ÊÀ½ç:ËùÓеÄä¯ÀÀÆ÷¶¼Äܹ»Àí½âºÍÊÊÓöàÓÐCSS¹æÔò£¬²¢ÇÒ³ÊÏÖÏàͬµÄÊÓ¾õЧ¹û(ûÓмæÈÝÐÔÎÊÌâ)¡£µ«ÊÇ£¬ÎÒÃDz¢Ã»ÓÐÉú»îÔÚÕâ¸öÍêÃÀµÄÊÀ½ç£¬ÏÖʵÖз¢ÉúµÄʧ
ÇÔÈ´×ÜÊÇǡǡÏà·´£¬ºÜ¶àCSSÑùʽÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐÓÐ×Ų»Í¬µÄ½âÊͺͳÊÏÖ¡£
¡¡¡¡µ±½ñÁ÷ÐеÄä¯ÀÀÆ÷(Èç:Firefox¡¢Opera¡¢Internet
Explorer¡¢Chrome¡¢SafariµÈµÈ)ÖУ¬ÓÐһЩ¶¼ÊÇÒÔ×Ô¼ºµÄ·½Ê½È¥Àí½âCSS¹æ·¶£¬Õâ¾Í»áµ¼ÖÂÓеÄä¯ÀÀÆ÷¶ÔCSSµÄ½âÊÍÓëÉè¼ÆÊ¦µÄCSS
¶¨Òå³õÖÔÏà³åÍ»£¬Ê¹µÃÍøÒ³µÄÑù×ÓÔÚijЩä¯ÀÀÆ÷ÏÂÄÜÕýÈ·°´ÕÕÉè¼ÆÊ¦µÄÏë·¨ÏÔʾ£¬µ«ÓÐЩä¯ÀÀÆ÷È´²¢Ã»Óа´ÕÕÉè¼ÆÊ¦ÏëÒªµÄÑù×ÓÏÔʾ³öÀ´£¬Õâ¾Íµ¼ÖÂä¯ÀÀÆ÷µÄ¼æÈÝÐÔ
ÎÊÌâ¡£¸üÔãµÄÊÇ£¬ÓеÄä¯ÀÀÆ÷ÍêÈ«ÎÞÊÓCSSµÄһЩÉùÃ÷ºÍÊôÐÔ¡£
¡¡¡¡ÕýÒòΪÉÏÊö³åÍ»ºÍÎÊÌâÒÀÈ»´æÔÚÓÚÕâ¸ö”²»ÍêÃÀµÄÊÀ½ç”£¬ËùÒÔһЩÉè¼ÆÊ¦Ïëµ½ÁËÒ»ÖÖ±ÜÃâä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌâµÄ·½·¨£¬ÄǾÍÊÇCSS Reset£¬Ê²Ã´ÊÇCSS Reset£¿
ÎÒÃÇ¿ÉÒÔ°ÑËü½Ð×öCSSÖØÉ裬ҲÓÐÈ˽Ð×öCSS¸´Î»¡¢Ä¬ÈÏCSS¡¢CSSÖØÖõȡ£CSSÖØÉè¾ÍÊÇÓÉÓÚ¸÷ÖÖä¯ÀÀÆ÷½âÊÍCSSÑùʽµÄ³õʼֵÓÐËù²»Í¬£¬µ¼ÖÂÉè¼ÆÊ¦ÔÚûÓж¨Òåij¸öCSSÊôÐÔʱ£¬²»Í¬µÄä¯ÀÀÆ÷»á°´ÕÕ×Ô¼ºµÄĬÈÏÖµÀ´ÎªÃ»Óж¨ÒåµÄÑùʽ¸³Öµ£¬ËùÒÔÎÒÃÇÒªÏȶ¨ÒåºÃһЩCSSÑùʽ£¬À´ÈÃËùÓÐä¯ÀÀÆ÷¶¼°´ÕÕͬÑùµÄ¹æÔò½âÊÍ
CSS
£¬ÕâÑù¾ÍÄܱÜÃâ·¢ÉúÕâÖÖÎÊÌâ¡£
¡¡¡¡±¾ÎÄ×ܽáÊÕ¼¯ÁË15Ì×CSSÖØÉèʵÀý
£¬Äú¿ÉÒÔÔÚǰ¶Ë¿ª·¢¹¤×÷ÖнøÐвο¼ºÍʹÓã¬ÓÐЩÊǺܼò»¯µÄCSS Reset£¬ÓÐЩÔòÊǷdz£¸´Ôӷdz£È«ÃæµÄCSS Reset£¬ÖÁÓÚʹÓÃÄÄÌ×£¬È«¿´ÄúµÄ°®ºÃ»òÐèÒª¡£
Ò».×î¼ò»¯µÄCSS Reset(ÖØÉè) :
* {
      padding: 0;
      margin: 0;
}
¡¡¡¡ÕâÊÇ×îÆÕ±é×î¼òµ¥µÄCSSÖØÉ裬½«ËùÓÐÔªËØµÄpaddingºÍmarginÖµ¶¼ÉèΪ0£¬¿ÉÒÔ±ÜÃâһЩä¯ÀÀÆ÷ÔÚÀí½âÕâÁ½¸öÊôÐÔĬÈÏÖµÉϵĔ·ÖÆç”¡£
* {
       padding: 0;
       margin: 0;
       border: 0;
}
¡¡¡¡ÕâÊÇÔÚÉÏÒ»¸öÖØÉèµÄ»ù´¡ÉÏÌí¼ÓÁ˶ÔborderÊôÐÔµÄÖØÉ裬³õʼֵΪ0µÄÈ·ÄܱÜÃâһЩÎÊÌâ¡£
* {
       outline: 0;
       padding: 0;
       margin: 0;
       border: 0;
}
¡¡¡¡ÔÚǰÁ½¸öµÄ»ù´¡


Ïà¹ØÎĵµ£º

10¸öCSS¼òд¼¼ÇÉÈÃÄãÓÀÔ¶ÊÜÓÃ

¡¡¡¡CSS¼òд
¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS
´úÂëÓÅ»¯
¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔÖø¼õÉÙCSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡Ì«¶àµÄÈËʹÓÃDreamwe ......

ÍøÒ³ÖÆ×÷֪ʶ£ºdiv+css ÃæÊÔÌâÄ¿


1.³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌâ?
±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
2.IE6µÄË«±¶±ß¾àBUG
ÀýÈç:
<style type="text/css">
    body {margin:0}
    div { float:left; margin-left:10px; width:200px; ......

div+cssÖÆ×÷µÄµ¯³ö²Ëµ¥(±ê×¼ÇÒÎÞjs)

<!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" />
<title>Èý¼¶dropdownµ¯³ö ......

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®Èý£º

µÚÈý²½ÊǶ¨ÒåÄãµÄÓïÑÔ±àÂ룬ÀàËÆÕâÑù£º
¡¡¡¡<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
ΪÁ˱»ä¯ÀÀÆ÷ÕýÈ·½âÊͺÍͨ¹ýW3C´úÂëУÑ飬ËùÓеÄXHTMLÎĵµ¶¼±ØÐëÉùÃ÷ËüÃÇËùʹÓõıàÂëÓïÑÔ£¬ÎÒÃÇÒ»°ãʹÓÃgb2312(¼òÌåÖÐÎÄ)£¬ÖÆ×÷¶à¹úÓïÑÔÒ³ÃæÒ²ÓпÉÄÜÓÃUnicode¡¢ISO-8859-1µÈ£¬¸ù¾ÝÄãµÄÐ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ