CSSµÄºÐ×Óģʽ(Box Model)
CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
borderÊôÐÔÓÃÀ´ÉèÖÃÒ»¸öÔªËØµÄ±ßÏß¡£
marginÊôÐÔÓÃÀ´ÉèÖÃÒ»¸öÔªËØËùÕ¼¿Õ¼äµÄ±ßÔµµ½ÏàÁÚÔªËØÖ®¼äµÄ¾àÀë¡£
CSS±³¾°ÊôÐÔÖ¸µÄÊÇcontentºÍpaddingÇøÓò¡£
CSSÊôÐÔÖеÄwidthºÍheightÖ¸µÄÊÇcontentÇøÓòµÄ¿íºÍ¸ß¡£
Ïà¹ØÎĵµ£º
CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËØ¶¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍǰ¶ËÓйصͼ»áÓõ½ Firebug °É – ÌǰéÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØÕ¹Ê¾ÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
1¡¢IE·Ö²»Çå¼Ì³Ð¹ØÏµºÍ¸¸×Ó¹ØÏµµÄ²î±ð£¬È«²¿¶¼ÊǼ̳йØÏµ¡£
2¡¢ÔÚ¸øÄãµÄ±êÇ©·è¿ñ¼ÓÑ¡Ôñ·ûµÄʱºò£¬±ðÍüÁËÔÚCSSÀï¸øÑ¡Ôñ·û¼ÓÉÏ×¢ÊÍ¡£µÈÄãÒÔºóÐÞ¸ÄÄãµÄCSSµÄʱºò¾ÍÖªµÀΪʲôҪÕâô×öÁË¡£ÁíÍâÌáÐÑÄú£¬²»ÒªÌ«·è¿ñÁË¡£
3¡¢Èç¹ûÄã¸øÒ»¸ö±êÇ©ÉèÖÃÁËÒ»¸öÉîÉ«µ÷µÄ±³¾°Í¼Æ¬ºÍÁÁÉ«µ÷µÄÎÄ×ÖЧ¹û¡£½¨ÒéÕâ¸öʱºò¸øÄãµÄ±êÇ©ÔÙÉèÖÃÒ»¸öÉîÉ ......
Ò»¡¢Ê²Ã´ÊÇDIV+CSS£¿
“DIV + CSS” ÊÇ×îÐÂWEB±ê×¼µÄÒ»¸öµäÐ͵ÄÓ¦Óá£
Ò»°ãÀ´Ëµ£¬ÍøÒ³Ö÷ÒªÓÉÈý²¿·Ö×é³É£º½á¹¹£¨Structure£©¡¢±íÏÖ£¨Presentation£©ºÍÐÐΪ£¨Behavior£©µÈ¡£ ½á¹¹Ö÷Òª°üÀ¨ÀýÈçDIVÔÚÄÚµÄһϵÁеÄHTML(XHTML)±êÇ©£¬±íÏÖÖ÷Òª°üÀ¨CSS£¨²ãµþÑùʽ±í£ºCascading Style Sheets£©£¬ ÐÐΪÖ÷Òª°üÀ¨ÀýÈç¶ÔÏóÄ£ ......
ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔĿǰÁ÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......