³¯Â¥: 1996-06-03 | ±Û¾´ÀÌ: µµ¾Æ | 12204 ¹ø | ÇÁ¸°Æ® | ¸ÞÀϷκ¸³»±â

Á¦ 3°­ - CSS ¸Àº¸±â


Style Sheet´Â ºê·Î¿ìÀú¿¡°Ô ¹®¼­¸¦ ¾î¶»°Ô Ç¥ÇöÇØ¾ß ÇÏ´Â °¡¸¦ Àü´ÞÇÏ´Â ½ºÅ¸ÀÏ ±ÔÄ¢À¸·Î ±¸¼ºµÈ´Ù. ÀÌ·¯ÇÑ ½ºÅ¸ÀÏ ±ÔÄ¢µéÀ» ÀÚ½ÅÀÇ HTML ¹®¼­¿Í ¿¬°áÇÏ´Â ¿©·¯°¡Áö ¹æ¹ýÀÌ Á¸ÀçÇÏÁö¸¸ °¡Àå °£´ÜÇÑ ¹æ¹ýÀº HTMLÀÇ STYLE ű׸¦ ÀÌ¿ëÇÏ´Â °ÍÀÌ´Ù. ÀÌ Å±״ HEAD ÅÂ±× »çÀÌ¿¡ ÀÖ¾î¾ß Çϸç, ÇØ´ç ÆäÀÌÁö¿¡´ëÇÑ ½ºÅ¸ÀÏ ±ÔÄ¢À» Æ÷ÇÔÇÑ´Ù. STYLE ű״ Style Sheet¸¦ ¿¬½ÀÇÏ´Â ÁÁÀº ¹æ¹ýÀÌÁö¸¸ ¿¬½À¿¡¼­ À̹æ¹ýÀ» »ç¿ëÇϱâÀü¿¡ °í·ÁÇؾßÇÒ ´ÜÁ¡ÀÌ ÀÖ´Ù. ¿©·¯ ¹æ¹ý¿¡´ëÇÑ ÀåÁ¡°ú ´ÜÁ¡Àº Style Sheet¿Í HTMLÀÇ ¿¬°á¿¡´ëÇÑ Àý¿¡¼­ ³íÀÇÇÏ°Ú´Ù. °¢°¢ÀÇ ±ÔÄ¢Àº ¼±ÅÃÀÚ-º¸Åë BODY, P, EM°ú °°Àº HTML ű׵é-¿Í ¼±ÅÃÀÚ¿¡ Àû¿ëµÉ ½ºÅ¸ÀÏ·Î ±¸¼ºµÈ´Ù. ű׵鿡´ëÇØ Á¤ÀÇµÉ ¼ö ÀÖ´Â ¸¹Àº Ư¼ºÀÌ Á¸ÀçÇϸç, °¢°¢ÀÇ Æ¯¼ºÀº °ª(value)À» °¡Áö¸ç, °ª(value)Àº Ư¼º°ú ´õºÒ¾î ¼±ÅÃÀÚ°¡ ¾î¶»°Ô Ç¥ÇöµÇ¾î¾ß Çϴ°¡¸¦ ¼­¼úÇÑ´Ù. ½ºÅ¸ÀÏ ±ÔÄ¢Àº ´ÙÀ½°ú °°ÀÌ ¸¸µç´Ù.
selector { property: value }
ÇϳªÀÇ ¼±ÅÃÀÚ¿¡´ëÇÑ ´ÙÁß ½ºÅ¸ÀÏ ¼±¾ðÀº ¼¼¹ÌÄÝ·ÐÀ¸·Î ºÐ¸®ÇÑ´Ù.
selector { property1: value1; property2: value2 }
¿¹¸¦µé¾î ´ÙÀ½°ú °°Àº ÄÚµå´Â H1°ú H2¿¡´ëÇÑ »ö»ó(color)°ú ±Û²ÃÅ©±â(font-size) Ư¼ºÀ» Á¤ÀÇÇÑ´Ù.

<HEAD> <TITLE>CSS ¿¹</TITLE> <STYLE>
	  H1 { font-size: x-large; color: red }
	  H2 { font-size: large; color: blue }
</STYLE> </HEAD> À§ÀÇ Style Sheet´Â ºê·Î¿ìÀú¿¡°Ô H1 ű״ ±Û²ÃÅ©±â¸¦ extra-large·ÎÇÏ°í ±Û²Ã»ö»óÀ» Àû»ö À¸·Î º¸¿©ÁÖ°í, H2 ű״ ũ±â¸¦ large·Î, »ö»óÀ» ÆĶõ»öÀ¸·Î º¸¿©ÁÖ¶ó´Â °ÍÀÌ´Ù. CSS1 ¿¡¼­´Â »ç¿ëÇÒ ¼ö ÀÖ´Â ¸ðµç Ư¼º°ú °ªÀ» Á¤ÀÇÇÑ´Ù. ÀÌ·¯ÇÑ Æ¯¼º°ú °ªµéÀº ¶ÇÇÑ ÀÌ »çÀÌÆ®ÀÇ CSS Ư¼º¿¡ ÁÖ¾îÁ® ÀÖ´Ù. ÀÌ ¹®¼­´Â Cascading Style Sheets¿¡´ëÇÑ ¾ÆÁÖ ±âº»ÀûÀÎ ¼Ò°³¿Í ÀÚ½ÅÀÇ ½ºÅ¸ÀÏÀ» ½ÇÇèÇϱ⿡ ÃæºÐÇÑ Á¤º¸¸¦ Á¦°øÇÒ ¸ñÀûÀ¸·Î ¸¸µé¾î Á³´Ù. CSS¿¡´ëÇÑ ÀÚ¼¼ÇÑ »çÇ×Àº ´ÙÀ½ÀýÀ» Àб⠹ٶõ´Ù.


´ÙÀ½±Û: Á¦ 4°­ - CSS ±¸Á¶¿Í ±ÔÄ¢ (12888)1996-06-04
ÀÌÀü±Û: Á¦ 2°­ - Style Sheet¶õ (12009)1996-06-02

¼¼»ó»ç´Â À̾߱â



RSS ±¸µ¶ (À͸í | ȸ¿ø | °­Á | Æ÷·³)
(C) 1996 ~ 2017 QAOS.com All rights reserved.