ȸ¿øµî·Ï £ü ºñ¹øºÐ½Ç

¤ýÀÛ¼ºÀÚ CSS
¤ýÀÛ¼ºÀÏ 2002-02-06 (¼ö) 11:30
¤ýÃßõ: 0  ¤ýÁ¶È¸: 3000      
¤ýIP:
½ºÅ¸ÀÏ ½ÃÆ®(CSS-Cascading Style Sheet)¶õ
½ºÅ¸ÀÏ ½ÃÆ®(CSS-Cascading Style Sheet)¶õ..
  ½ºÅ¸ÀÏ ½ÃÆ®´Â CSS(Cascading Style Sheet)¸¦ ¸»Çϸç ÇöÀç CSS2 ±îÁö ¹ßÇ¥µÇ¾ú½À´Ï´Ù. ½ºÅ¸ÀÏ ½ÃÆ®´Â 1996³â ¸»¿¡ ¿ùµå ¿ÍÀ̵å À¥ Çùȸ(World Wide Web consortium)¿¡¼­ È®Á¤ ¹ßÇ¥ÇÏ¿´°í Nescape Navigator v4.0, MS Internet Explorer v3.0, Opera v3.5ºÎÅÍ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Áö¿øÇϱâ´Â ÇÏÁö¸¸ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ 100% ¿Ïº®ÇÏ°Ô Áö¿øÇÏ´Â °ÍÀº ¾Æ´Ï°í, °°Àº ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Àû¿ë½ÃÅ°´õ¶óµµ HTML ÅÂ±×¿Í ¸¶Âù°¡Áö·Î ºê¶ó¿ìÀú¿¡¼­ Â÷À̸¦ º¸ÀÌ´Â °ÍÀÌ Àֱ⠶§¹®¿¡ ¶È°°ÀÌ º¸ÀÌ°Ô ¸¸µå´Â ÀÛ¾÷ÀÌ ±×¸® ÆíÇÑ°ÍÀº ¾Æ´Õ´Ï´Ù.
±×·³¿¡µµ ºÒ±¸ÇÏ°í ½ºÅ¸ÀÏ ½ÃÆ®¸¦ ½á¾ß ÇÏ´Â ÀÌÀ¯´Â ÀÌ ºê¶ó¿ìÀúµé¿¡¼­ »ç¿ëÇÒ ¼ö ÀÖ´Â ±âº»ÀûÀÎ ½ºÅ¸ÀÏ ½ÃÆ®¸¸ »ç¿ëÇÏ´õ¶óµµ ±âÁ¸ÀÇ HTML·Î´Â ÇÒ ¼ö ¾ø¾ú´ø ÀϵéÀ» ÆíÇÏ°Ô ÇÒ ¼ö Àֱ⠶§¹®ÀÔ´Ï´Ù.
±×¸®°í HTML 4.0°ú CSS, Javascript µîÀ» ÇÔ²² ÀÏÄþî Dynamic HTMLÀ̶ó°í ºÎ¸£±âµµ ÇÕ´Ï´Ù.


½ºÅ¸ÀÏ ½ÃÆ®ÀÇ Àû¿ë¹æ¹ý
½ºÅ¸ÀÏ ½ÃÆ®¸¦ À¥¿¡ Àû¿ë½ÃÅ°´Â ¹æ¹ýÀº Å©°Ô ¼¼°¡Áö ¹æ¹ýÀÌ ÀÖ½À´Ï´Ù.
1. ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Á¤ÀÇÇÑ ÆÄÀÏÀ» ¸¸µé¾î ³õ°í À¥ ¹®¼­¿¡¼­ À̸¦ ÂüÁ¶ÇÏ´Â ¹æ¹ýÀÔ´Ï´Ù.
    ¿ÜºÎÀÇ ½ºÅ¸ÀÏ ½ÃÆ® ÆÄÀÏÀº Åë»ó *.css·Î ÀúÀåµË´Ï´Ù.
2. HTML ű׿¡ <STYLE>ű׾ȿ¡ Àû¿ë½ÃÅ°°íÀÚ ÇÏ´Â ½ºÅ¸ÀϵéÀ» Ŭ·¡½º³ª ID·Î ¹Ì¸®
    Á¤ÀÇÇØ ³õ°í ÀÌ Å¬·¡½º³ª ID¸¦ ÂüÁ¶ÇÏ´Â ¹æ¹ýÀÔ´Ï´Ù.
3. inline styleÀ̶ó°í ºÎ¸£´Â ½ºÅ¸ÀÏ ¼Ó¼ºÀ» ÇØ´ç ¹®´Üº°·Î ÁöÁ¤ÇÏ´Â ¹æ¹ýÀÔ´Ï´Ù.


¿¹
H3 element¿¡ ÀÌÅŸ¯ È¿°ú¿Í ±Û¾¾ »öÀ¸·Î ³ì»öÀ» ÁöÁ¤Çϱâ À§Çؼ­ HTML¿¡¼­´Â H3 element¿¡ ÀÏÀÏÀÌ ´ÙÀ½°ú °°ÀÌ ÇØ ÁÖ¾î¾ß ÇÑ´Ù.
<H3><I><FONT color=green>³ì»ö ÀÌÅŸ¯</FONT></I></H3>
½ºÅ¸ÀϽÃÆ®¸¦ »ç¿ëÇÏ¸é ¾Æ·¡¿Í °°´Ù.
H3 {font-style : italic ; color : green}
À§¿Í °°ÀÌ ÇÑ ¹ø¸¸ Á¤ÀÇÇØ ÁÖ¸é H3 element¿¡´Â ¸ðµÎ °°Àº ¼Ó¼ºÀ» Àû¿ë½Ãų ¼ö ÀÖ´Ù.
HTMLÀÌ Å±׵éÀÇ ¸ðÀ½À̶ó¸é, ½ºÅ¸ÀϽÃÆ®´Â ¼Ó¼º(property)µéÀÇ ¸ðÀ½ÀÌ´Ù.
À§ÀÇ ¿¹¿¡¼­ font-styleÀ̳ª color°¡ ¼Ó¼ºÀÌ µÇ°í, italic°ú greenÀº ÇØ´ç ¼Ó¼º¿¡ ´ëÇÑ °ªÀÌ´Ù.
HTMLÀÇ ¼Ó¼º(attribute)Àº Á¤ÇØÁø element¿¡¸¸ ºÙÀ» ¼ö ÀÖÁö¸¸, ½ºÅ¸ÀϽÃÆ®ÀÇ ¼Ó¼ºÀº °ÅÀÇ ¸ðµç element¿¡ ´Ù ºÙÀ» ¼ö ÀÖ´Ù´Â Á¡ÀÌ ´Ù¸£´Ù.
¼Ó¼ºÀÌ ºÙ´Â H3°ú °°Àº element¸¦ ½ºÅ¸ÀϽÃÆ®¿¡¼­´Â selector¶ó°í ºÎ¸¥´Ù.
½ºÅ¸ÀϽÃÆ®¿¡¼­ÀÇ ÁÖ¼®Àº /*¿Í */ »çÀÌ¿¡ ½á ÁØ´Ù.
  0
3500