CSS¿¡¼ ¿ÍÀϵåÄ«µå¶ó ºÒ¸®¿ì´Â °ÍÀ¸·Î,
¸ðµç ¿ä¼Ò¿¡ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ°Ú´Ù´Â ÀǹÌÀÔ´Ï´Ù.
ÆäÀÌÁö¿¡ ÀÏ°ýÀûÀ¸·Î ÆеùÀ̳ª ¸¶ÁøÀ» ÁÖ°íÀÚ ÇÒ °æ¿ì¿¡ À¯¿ëÇÏ°Ô »ç¿ë°¡´ÉÇÑ ÆÁÀÔ´Ï´Ù.
* { margin: 0; padding: 0; }
¸ðµç HTML ¿ä¼ÒÀÇ ¿©¹é°ú ä¿ì±â¸¦ 0À¸·Î Àç¼³Á¤ÇÕ´Ï´Ù.
ÀϺΠºê¶ó¿ìÀú´Â ÀÌ¹Ì ±âº» ÀÛ¾÷À» ¼öÇà ÇÒ ¼ö ÀÖÁö¸¸,
ÀÛ¾÷À» ¼öµ¿À¸·Î ´Ù½Ã ¼³Á¤ÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
CSS¿¡´Â ½ºÅ¸ÀÏ ¿Ü¿¡µµ ¸ðµç À¥ ÆäÀÌÁö¿¡
Àû¿ëµÇ´Â ±âº» ½ºÅ¸ÀÏÀÌ ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ ±âº» ½ºÅ¸ÀÏÀº
<h1>, <li>, <p>, <table> µîÀÇ ¿ä¼Ò¿¡ ´ëÇØ Æ¯Á¤ padding ¹×
margin °ªÀ» Á¤ÀÇ <h1>, <li>, <p>, <table> .
¼º°¡½Å Á¡Àº ÆäÀÌÁö¸¦ ¿Ã¹Ù¸£°Ô º¸ÀÌ°ÔÇÏ·Á¸éÀÌ ½ºÅ¸ÀÏÀ» ÀçÁ¤ÀÇÇؾßÇÏ´Â °æ¿ì°¡ Á¾Á¾ ÀÖ½À´Ï´Ù. ¸ðµç ºê¶ó¿ìÀú Á¦Á¶¾÷ü°¡ ±âº»°ª¿¡ µ¿ÀÇÇÏ´Â °ÍÀº ¾Æ´Õ´Ï´Ù. Á¾Á¾ ´ëºÎºÐÀÇ °³¹ßÀÚ´Â ¸ðµç padding ¹× margins À» zero À¸·Î Àç¼³Á¤ÇÏ´Â °ÍÀÌ °¡Àå ½¬¿î ¹æ¹ýÀ̹ǷΠ¸ðµç °ÍÀÌ ¿¹»ó´ë·Î ÀÛµ¿ÇÕ´Ï´Ù. * ´Â wildcard ¼±ÅÃÀÚÀÌ¸ç ¸ðµç ¿ä¼Ò À¯Çü°ú ÀÏÄ¡ÇÕ´Ï´Ù. ±âº»ÀûÀ¸·Î ½ºÅ¸ÀÏÀº ¸ðµç Æеù / ¿©¹éÀ» ¸ðµç ¿ä¼Ò¿¡ ´ëÇØ 0À¸·Î Àç¼³Á¤ÇÏ¿© ¸ðµç ±âº» ½ºÅ¸ÀÏÀ» Á¦°ÅÇÑ´Ù°í ¸»ÇÕ´Ï´Ù.
Ãâó : code.i-harness.com
|