[ Class¿Í ID ] ¾ÕÀÇ "CSSÀÇ ±âº»¹®¹ý" °úÁ¤¿¡¼ [¼±ÅÃÀÚÀÇ »ç¿ë¹ý]À» °øºÎÇÒ ¶§ Ŭ·¡½º¿Í ID ÁöÁ¤¹æ½Ä¿¡ ´ëÇØ¼ °£·«ÇÏ°Ô Á¢Çغ¸¾Ò½À´Ï´Ù. ¿©±â¼´Â ±× »ç¿ë¿¹µéÀ» Á÷Á¢ ´Ù·ç¾î º¸°í ±× Ȱ¿ëµµ¸¦ ÀÌÇØÇϵµ·Ï ÇϰڽÀ´Ï´Ù.
ID¿Í class´Â ±× »ç¿ë¹æ¹ýµî¿¡ À־ ũ°Ô ´Ù¸£Áö ¾Ê½À´Ï´Ù. µÎ °¡Áö´Ù ½ºÅ¸ÀÏ½ÃÆ®ÀÇ ÀÌ¿ëÀ» À§Çؼ HTML ű׿¡¼ È£ÃâÇÒ ¶§ »ç¿ëÇØ ÁÖ°Ô µË´Ï´Ù. Ŭ·¡½º´Â .ex1ó·³ "."À», IDÀÇ °æ¿ì¿¡´Â "#"À» À̸§¾Õ¿¡ ºÙ¿©ÁÖ¸é µË´Ï´Ù. HTML¿¡¼ È£ÃâÇÒ ¶§¿¡´Â °¢°¢ "id=idÀ̸§", "class=Ŭ·¡½ºÀ̸§" Çü½ÄÀ¸·Î È£ÃâÇØ ÁÖ°Ô µË´Ï´Ù.
¢º ID¹× ClassÀÇ ÁöÁ¤
¼±ÅÃÀÚ¸¦ ÀÏ¹Ý Å±׷Π»ç¿ëÇÒ °æ¿ì¿¡´Â ¹®¼Áß¿¡ ÇØ´ç ű׿¡ ´ëÇØ ÀϰýÀûÀ¸·Î ½ºÅ¸ÀÏÀÌ Àû¿ëµÇÁö¸¸, Ŭ·¡½º³ª IDÀÇ °æ¿ì ÀÏ´Ü ½ºÅ¸ÀÏ¿¡¼ ÁöÁ¤À» ÇØ ³õ°í Àû¿ë½Ã۰íÀÚ Çϴ ű׿¡¼ ÇØ´ç Ŭ·¡½º ¶Ç´Â ID¸¦ È£ÃâÇØ ÁÖ´Â ¹æ½ÄÀ¸·Î »ç¿ëÇÕ´Ï´Ù. À§¿¡¼ BODY ¼±ÅÃÀÚ¿¡ ÀÇÇØ ¸ðµç ¹®¼ÀÇ ±ÛÀÚÅ©±â´Â 10pt¿¡ ³ì»öÀ¸·Î Ç¥½ÃµÇ°Ô µË´Ï´Ù. ¸¸¾à °Á¶ÇÏ°í ½ÍÀº ºÎºÐÀ̳ª ´Ù¸¥ ÇüŸ¦ ÃëÇØÁÖ°í ½ÍÀº °æ¿ì .subject´Â Ŭ·¡½º·Î #titleÀº ID·Î È£ÃâÇØ ÁÖ¸é µË´Ï´Ù. ¢º ID¹× ClassÀÇ »ç¿ë
ÀÌÁ¦ À§¿¡¼ ÁöÁ¤ÇÑ Å¬·¡½º³ª ID¸¦ »ç¿ëÇϰíÀÚ ÇÒ °æ¿ì¿¡´Â º»¹® ű×Áß¿¡¼ ´ÙÀ½°ú °°ÀÌ È£ÃâÇØ¼ »ç¿ëÇØ ÁÖ¸é µË´Ï´Ù. IDÀÇ °æ¿ì ÇϳªÀÇ ¹®¼¿¡ Çϳª¸¸ »ç¿ë°¡´ÉÇÑ Á¦¾àÀÌ ÀÖÀ¸¹Ç·Î ´ëºÎºÐ class¸¦ »ç¿ëÇØ ÁÖ°í ÀÖ½À´Ï´Ù. |