Áö½ÄÀÌ ¾ø¾î¼ ±¸±ÛÅ©·Ò ÀνºÆåÅ͸¦ ÀÌ¿ëÇØ ÁÖ¾îÁø »çÀÌÆ®ÀÇ Àüü ¼Ò½º¸¦ ºÐ¼®ÇÏ´Â °ÍºÎÅÍ ½ÃÀÛÇÏ°í ÀÖ¾î¿ä
óÀ½¿£ htmlÀÇ »ý¼ÒÇÑ Å°¿öµå(meta, nav, header, section, article, footer)¿¡ ´ëÇØ ¾Ë¾ÆºÃ°í ±× ´ÙÀ½Àº css, javascrip¿¡ ´ëÇØ ¾Ë¾Æº¸°í ÀÖ°í µ¿½Ã¿¡ ÀÌ »çÀÌÆ®ÀÇ ¿µ¿ªÀÌ ¾î¶»°Ô ³ª´µ¾îÁ®ÀÖ´ÂÁö ¾Ë¾Æº¸°í ÀÖ½À´Ï´Ù
[±Þ Áú¹®]
1. Å« ¿µ¿ªÀº header section footer·Î ³ª´©°í ±× ¾È¿¡ div¸¦ ¾²´Â °Í °°Àºµ¥¿ä. ¸Â³ª¿ä?
2. ÀÌÈÄ °¢ ¿µ¿ª¿¡ ´ëÇÑ Å©±â³ª ±âŸ ½ºÅ¸ÀÏÀº css·Î ¼³Á¤ÇÏ´Â °Í °°±¸¿ä. ÄÁÅÙÃ÷ ³»¿ë html¿¡ ´ã°í ³ª¸ÓÁö ²Ù¹Ì´Â °ÍµéÀº¸ðµÎ css¿¡¼¸¸ ¼³Á¤ÇÑ´Ù°í Çϴµ¥... ¸Â³ª¿ä?
Áö±Ý Àß ¾ÈÇ®¸®´Â°Ô divÀε¥
div ¾È¿¡ div°¡ ÀÖ°í ¶Ç ±× ¾È¿¡ div...
class¸íÀÌ ´Ù ´Þ¶ó¼ cssÆÄÀÏ µÚÀû°Å·Áº¸´Ï
position, top, left, width, z-index µî ´Ù Á¦°¢°¢ À¸·Î ÃʱâȵǾîÀִµ¥ ÄÄÆÄÀÏÇؼ À¥À¸·Î º¸¸é ¾îµð ±¸¿ªÀÌ ¾î´À divÀÎÁö ¸ð¸£°Ú°í Çò°¥¸®´õ¶ó±¸¿ä.
3. ÀÌ·± ¿µ¿ªÀ» »ó¼¼ÇÏ°Ô º¸¿©ÁÖ´Â Åø°°Àº°Ô ÀÖ³ª¿ä? (ÇöÀç »ç¿ëÁßÀÎ ÅøÀº aptana studio3 ÀÔ´Ï´Ù)
4. ±×¸®°í ¿äÁò À¥µðÀÚÀÎÇÒ¶© ¸ÕÀú À¥ÀÇ Æ²?À» ¸Ó¸´¼ÓÀ¸·Î ±×·Á³½ ÈÄ¿¡ ¹Ù·Î¹Ù·Î ÄÚµùÇÏ´Â ¹æ½ÄÀ¸·Î Çϳª¿ä? ¿¹Àü¿¡ µå¸²À§¹ö GUI ¹æ½Ä¿¡ Àͼ÷Çؼ ±øÄÚµùÇÏ·Á´Ï ÀüüÀûÀÎ ±×¸²ÀÌ ¾ÈÀâÇô¿ä
4-1. óÀ½¿£ ±×³É Á÷Á¢ margen, widrh, height ÀÌ·± °ªµé Á÷Á¢ ¼öÁ¤-ÄÄÆÄÀÏ-¼öÁ¤-ÄÄÆÄÀÏ ¹Ýº¹ÇÏ¸ç ±ú¿ìÃÄ°¡¾ßÇϳª¿ä?
5. °©Àڱ⠻ý°¢³°Çµ¥ ÆÄÀÏÀ̳ª ¼Ò½º¸í¿¡ als, owlÀÌ µé¾î°£°Ç ¹«½¼ ¶æÀΰ¡¿ä? Ưº°ÇÑ Àǹ̰¡ ÀÖ³ª¿ä. °Ë»öÇصµ ¾È³ª¿Í¼¿ä
6. Ȥ½Ã -o-box-shdow, -moz-box-shadow, -webkit-shadow Áß¿¡¼ o, moz, webkiz´Â ¹ÝÀÀÇü À¥°ú °ü·ÃÀÖ´Â Å°¿öµåÀΰ¡¿ä? ´ÙÀ½ÁÖ¿¡ ¹ÝÀÀÇü À¥¿¡ ´ëÇÑ ÁÖÁ¦·Î 30ºÐ°£ ¹ßÇ¥¸¦ ÇؾßÇÕ´Ï´Ù...(Çϳªµµ ¸ð¸§)
ÀÏ´Ü »ý°¢³ª´Â Áú¹®ÀÌ ¿©±â±îÁöÀε¥...
ÀоîÁּż °¨»çÇÕ´Ï´Ù
7. ±âŸ Á¶¾ð ÇØÁÖ¼¼¿ä(¹Ìħ)
--------- Ãß°¡ Áú¹® ---------
8. cssÆÄÀÏÁß reset°ú style 2°³´Â ²À µé¾î°¡´øµ¥ resetÆÄÀÏ º¸´Ï ¸ðµç Å°¿öµå¸¦ noneÀ̳ª 0, block µîÀ¸·Î ÃʱâȽÃÄѳù´øµ¥ Ưº°ÇÑ ÀÌÀ¯°¡ ÀÖ³ª¿ä
Àâ´ã | 1119¸íÀÌ Àоú¾î¿ä. 3.17.167.114