W3C1 CSS2 ±Ô°Ý¿¡ ´ëÇÏ¿©Trio ȨÆäÀÌÁö 

¸ñÂ÷

1.1 ÀÌ ±Ô°Ý Àбâ

ÀÌ ±Ô°Ý´É CSS Á¦ÀÛÀÚµé°ú CSS Àû¿ëÀÚµéÀÇ µÎ Á¾·ùÀÇ ¸®´õµéÀ» ¿°µÎ¿¡ µÎ°í ¾²¿©Á³´Ù. ¿ì¸®´Â ÀÌ ±Ô°ÝÀÌ Á¦ÀÛÀڵ鿡°Ô, CSSÀÇ Àû¿ë ¼¼ºÎ»çÇ׿¡ °úµµÇÏ°Ô ÁýÂøÇÏÁö ¾Ê°íµµ, ÇÊ¿äÇÑ ¹®¼­µé¿¡ È¿°úÀûÀÌ°í, ¸Å·ÂÀûÀÌ°í, ½±°Ô Á¢¼ÓÇÒ ¼ö ÀÖ´Â ¼ö´ÜÀ» Á¦°øÇÒ °ÍÀ» Èñ¸ÁÇÑ´Ù. ±×·¯³ª, Àû¿ëÀÚµéÀº ±Ô°Ý¿¡ ºÎÇÕÇÏ´Â »ç¿ëµµ±¸µéÀ» ¸¸µå´Âµ¥ ÇÊ¿äÇÑ ¸ðµç Á¡À» ÀÌ°÷¿¡¼­ ¾Ë ¼ö ÀÖ´Ù. ÀÌ ±Ô°ÝÀº ÀϹÝÀûÀÎ CSSÀÇ ¼³¸íÀ¸·Î ½ÃÀÛÇÏ¿© µÚ·Î °¥¼ö·Ï Á¡Â÷ ´õ ±â¼úÀûÀÌ »çÇ×°ú ±¸Ã¼ÀûÀ¸·Î µé¾î°£´Ù. Á¤º¸ÀÇ ½Å¼ÓÇÑ Á¢¼ÓÀ» À§ÇÏ¿© ÀÏ¹Ý ¸ñÂ÷¿Í ±¸Ã¼ÀûÀÎ ³»¿ëÀÇ Å×À̺í(table)µéÀ» °¢ Ç׸ñ ½ÃÀۺκп¡ Á¦°øÇÏ¿´À¸¸ç, ½¬¿î Ç×Çظ¦ À§ÇÑ »öÀÎ(index)À» ÀüÀÚ¹®¼­¿Í Àμ⹮¼­¿¡ °øÈ÷ Á¦°øÇÏ¿´´Ù.

ÀÌ ±Ô°ÝÀº ÀüÀÚ¹®¼­¿Í Àμ⹮¼­ÀÇ µÎ°¡Áö ÇüÅ·Π¾º¾î Á³´Ù. ÀÌ µÎ ¹®¼­´Â ºñ½ÁÇϴٴµ¥´Â ÀÌÀÇ°¡ ¾ø°ÚÀ¸³ª, ÀϺΠ»óÀÌÇÑ ºÎºÐÀ» ¹ß°ßÇÒ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î, ¿¬°á(link)µéÀº Àμ⠹öÀü¿¡¼­´Â ¸í¹éÈ÷ ÀÛ¿ëÇÏÁö ¾Ê°í, ÀüÀÚ¹®¼­¿¡¼­´Â ÆäÀÌÁö ¹øÈ£°¡ ³ªÅ¸³ªÁö ¾Ê´Â´Ù. »óÈ£ Â÷ÀÕÁ¡ÀÌ ÀÖÀ¸¸é ÀüÀÚ¹®¼­°¡ ÀÌ ¹®¼­ÀÇ ±âÁØÀÌ µÈ´Ù.

1.2 ÀÌ ±Ô°ÝÀÇ ±¸¼º

ÀÌ ±Ô°ÝÀº ´ÙÀ½°ú °°Àº Ç׸ñµé·Î ±¸¼ºµÇ¾î ÀÖ´Ù.

Ç׸ñ 2: CSS2 ±Ô°ÝÀÇ ¼Ò°³.
ÀÌ ¼Ò°³¿¡´Â CSS2ÀÇ °³·«ÀûÀÎ ¼³¸í¼­¿Í CSS2ÀÇ ¼³°è ¿øÄ¢µéÀÌ ´Ù·ç¾îÁø´Ù.
»ó¸ñµé 3 - 20: CSS2 ÂüÁ¶ ¸Å´º¾ó.
CSS2 ¾ð¾î ÂüÁ¶ÀÇ ÁÖµÈ ¸Å´º¾ó ºÎºÐÀ¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù. ÀÌ ÂüÁ¶´Â CSS2 ½ºÅ¸ÀϽ¬Æ®(¹®¹ý, ¼Ó¼ºµé, ¼Ó¼º°ªµé)¿¡ ¹«¾ùÀÌ µé¾î°¥ ¼ö ÀÖÀ¸¸ç, »ç¿ëµµ±¸µéÀº ±Ô°Ý¿¡ ºÎÇÕÇϱâ À§ÇÏ¿© ½ºÅ¸ÀϽ¬Æ®µéÀ» ¾î¶»°Ô Çؼ®ÇÒ °Í Àΰ¡°¡ Á¤ÀǵǾî ÀÖ´Ù.
ºÎ·Ïµé:
ºÎ·Ïµé¿¡´Â HTML 4¸¦ À§ÇÑ ½ºÅ¸ÀϽ¬Æ® °ßº», CSS1À¸·ÎºÎÅÍÀÇ º¯È­ , Àû¿ë°ú ¼º´É¿¡ ´ëÇÑ ÁÖ¼®, CSS2ÀÇ ¹®¹ý, Áö¸íÀûÀÎ °Í°ú Âü°íÀûÀÎ ÂüÁ¶»çÇ×ÀÇ ¸ñ·Ï, ±×¸®°í ¼Ó¼º »öÀÎ, ¼³¸íÀÚ(descriptor) »öÀÎ, ÀÏ¹Ý »öÀÎÀÇ ¼¼°¡Áö »öÀεéÀÌ Æ÷ÇԵǾîÀÖ´Ù.

1.3 ÀÌ ¹®¼­¿¡¼­ÀÇ ¾àÁ¤

1.3.1 ¹®¼­¾ð¾î ¿¤·¹¸àÆ®µé°ú ¾ÖÆ®¸®ºäÆ®(attribute)

1.3.2 CSS ¼Ó¼º Á¤ÀÇ

°¢ CSS ¼Ó¼º Á¤ÀÇ´Â Å°(key) Á¤º¸ÀÇ ¿ä¾àÀ¸·Î ´ÙÀ½ÀÇ ¸ð¾çÀ¸·Î ½ÃÀÛÇß´Ù.

'property-name'
°ª:  À¯È¿ÇÑ(legal) °ªµé°ú ¹®¹ý
ÃÖÃÊ°ª:  ÃÖÃÊ°ª
Àû¿ë:  ÀÌ ¼Ó¼ºÀÌ Àû¿ëµÇ´Â ¿¤·¹¸àÆ®µé
Àü´Þ:  ÀÌ ¼Ó¼ºÀÌ Àü´ÞµÇ´Â°¡, Àü´ÞµÇÁö ¾Ê´Â°¡
¹éºÐÀ²:  ¹éºÐÀ² °ªµéÀÌ ¾î¶»°Ô Çؼ®µÇ´Â°¡
¸Þµð¾Æ:  ¾î¶² ¸Þµð¾Æ ±¸·ìµé¿¡ ±× ¼Ó¼ºÀÌ Àû¿ëµÇ´Â°¡

°ª

ÀÌ ºÎºÐÀº ±× ¼Ó¼ºµé¿¡ À¯È¿ÇÑ °ªÀ» ÁöÁ¤ÇÑ´Ù. °ª Á¾·ù(type)µéÀº ¿©·¯°¡Áö ¹æ¹ýÀ¸·Î ÁöÁ¤µÉ ¼ö ÀÖ´Ù.

  1. Å°¿öµå(keyword) °ªµé (¿¹: auto, disc, µî)
  2. ±âº» µ¥ÀÌÅÍ Å¸ÀÔµéÀº "<"¿Í ">"»çÀÌ¿¡ ³ªÅ¸³­´Ù(¿¹: <±æÀÌ>, <¹éºÐÀ²>, µî). ÀÌ ¹®¼­°¡ ÀüÀÚ¹®¼­ÀÇ °æ¿ì, °¢ ÀνºÅº½º(instance)°¡ ±× ±âº» µ¥ÀÌÅÍ Å¸ÀÔ Á¤ÀÇ¿¡ ¿¬°áµÇ¾îÀÖ´Ù.
  3. °°Àº À̸§À» °®°í ¼Ó¼º°ªµé ¹üÀ§°¡ °°Àº Á¾·ù(¿¹: <'border-width'> <'background-attachment'>, µî). ÀÌ °æ¿ì, ±× Á¾·ù(type) À̸§Àº ±× ¼Ó¼º À̸§À¸·Î "<"¿Í ">"»çÀÌ¿¡¼­ µû¿ÈÇ¥ ¾È¿¡ Ç¥½ÃÇÏ¿´´Ù(¿¹: <'border-width'>). ÀüÀÚ¹®¼­ÀÇ °æ¿ì, °¢ ÀνºÅº½º(instance)°¡, ºñ Å͹̳¯(non-terminal)À̸é, ±× ŸÀÔÀÇ ÇØ´ç ¼Ó¼º Á¤ÀÇ¿¡ ¿¬°áÇÏ¿´´Ù.
  4. °°Àº À̸§À» ¼Ó¼ºÀ¸·Î »ç¿ëÇÏÁö ¾Ê´Â ºñ Å͹̳¯µéÀÇ °æ¿ì, ±× ºñ Å͹̳¯ À̸§Àº "<"¿Í ">"»çÀÌ¿¡ <border-width>¿Í °°ÀÌ Ç¥Çö ÇÏ¿´´Ù. <border-width>¿Í <'border-width'>;»çÀÌÀÇ Â÷ÀÕÁ¡À» ÁÖ½ÃÇ϶ó. ³ªÁß °ÍÀº ¾Õ¿¡¼­ Á¤ÀÇÇÑ ¾ç½ÄÀÌ´Ù. ÀÌ ºñ Å͹̳¯ Á¤ÀÇ´Â ÀÌ ±Ô°ÝÀÇ Ã³À½ ºÎºÐ¿¡ ³ªÅ¸³­´Ù. ÀüÀÚ¹®¼­ÀÇ °æ¿ì, °ª Á¾·ùÀÇ °¢ ÀνºÅº½º(instance)´Â ±× ÇØ´ç °ª Á¤ÀÇ¿¡ ¿¬°áÇÏ¿´´Ù.

À̵é Á¤Àǵ鿡 ÀÖ´Â µû¿ÈÇ¥ ¾øÀÌ(¿¹: red) ±×´ë·Î ³ªÅ¸³ª´Â ´Ù¸¥ ´Ü¾îµéÀº Å°¿öµå(keyword)µéÀÌ´Ù. ½½·¡½¬(/)¿Í Äĸ¶(,) ¶ÇÇÑ ±×´ë·Î ³ªÅ¸³ª¾ß ÇÑ´Ù.

°ªµéÀº ´ÙÀ½°ú °°ÀÌ Á¤·ÄµÉ ¼ö ÀÖ´Ù:

³ª¶õÈ÷ ³õÀÎ ´Ü¾îµéÀº ÀÌÁß¹Ù(||)º¸´Ù ¿ì¼±ÇÏ°í, ÀÌÁß¹Ù(||)´Â ¹Ù(|)º¸´Ù ¿ì¼±ÇÑ´Ù. µû¶ó¼­ ´ÙÀ½ µÎ ÁÙµéÀº µ¿µîÇÏ´Ù.

a b | c || d e
[ a b ] | [ c || [ d e ]]

°¢ ŸÀÔ(type), Å°¿öµå(keyword), ¶Ç´Â °ýÈ£·Î ¹­ÀÎ ±¸·ì ´ÙÀ½¿¡´Â, ´ÙÀ½ÀÇ ¼öÁ¤ÀÚ(modifier)µéÀÌ ¿Ã ¼ö ÀÖ´Ù:

´ÙÀ½ ¿¹Á¦µéÀº ´Ù¸¥ °ª ŸÀÔ(type)µéÀ» ¼³¸íÇÑ´Ù:

°ª: N | NW | NE
°ª: [ <±æÀÌ> | thick | thin ]{1,4}
°ª: [<family-name>, ]* <family-name>
°ª: <uri>? <»ö»ó> [ / <»ö»ó> ]?
°ª: <uri> || <»ö»ó>

ÃÖÃÊ(initial)

ÀÌ ºÎºÐÀº ±× ¼Ó¼ºÀÇ ÃÖÃÊ°ªÀ» ÁöÁ¤ÇÑ´Ù. ¸¸ÀÏ ±× ¼Ó¼ºÀÌ Àü´Þ(inherit)µÈ °ÍÀ̸é, ÀÌ´Â ±× ¹®¼­°èÅë(document tree)ÀÇ ÃÖ»óÀ§(root) ¿¤·¹¸àÆ®¿¡¼­ ÁÖ¾îÁø °ªÀÌ´Ù. Ä«½ºÅ×À̵å(cascade)¿¡¼­ ½ºÅ¸ÀϽ¬Æ®¿¡¼­ ÁöÁ¤, Àü´Þ(inherit)°ú ÃÖÃÊ°ªµéÀÇ »óÈ£ °ü°è¿¡ °üÇÑ Á¤º¸¸¦ ÂüÁ¶Ç϶ó.

Àû¿ë

ÀÌ ºÎºÐÀº ±× ¼Ó¼ºÀÌ ¾îµð¿¡ Àû¿ëµÇ´Â°¡ ÇÏ´Â ¿¤·¹¸àÆ®µéÀ» ¸ñ·ÏÈ­ÇÑ´Ù. ¸ðµç ¿¤·¹¸àÆ®µéÀÌ ¸ðµç ¼Ó¼ºµéÀ» °®´Â °ÍÀ¸·Î °í·ÁµÇÁö¸¸, ÀϺΠ¼Ó¼ºµéÀº ¿¤·¹¸àÆ®ÀÇ ÀϺΠŸÀԵ鿡¼­´Â Ç¥Çö È¿°ú¸¦ °®Áö ¾Ê´Â´Ù. ¿¹¸¦ µé¾î, 'white-space'´Â ºí·°·¹º§(block-level) ¿¤·¹¸àÆ®µé¿¡¼­ ¸¸ È¿°ú¸¦ °¡Áø´Ù.

Àü´Þ(inherit)

ÀÌ ºÎºÐÀ» ±× ¼Ó¼º°ªÀÌ Á¶»ó(ancestor) ¿¤·¹¸àÆ®·Î ºÎÅÍ Àü´Þ(inherit)µÈ °ÍÀΰ¡¸¦ ³ªÅ¸³½´Ù. Ä«½ºÅ×À̵å(cascade)¿¡¼­ ½ºÅ¸ÀϽ¬Æ®¿¡¼­ ÁöÁ¤, Àü´Þ(inherit)°ú ÃÖÃÊ°ªµéÀÇ »óÈ£ °ü°è¿¡ °üÇÑ Á¤º¸¸¦ ÂüÁ¶Ç϶ó.

¹éºÐÀ² °ª

ÀÌ ºÎºÐÀº ±× ¼Ó¼º°ªÀÌ ³ªÅ¸³ª¸é ¾î¶»°Ô ¹éºÐÀ²ÀÌ Çؼ®µÇ¾î¾ß Çϴ°¡¸¦ ³ªÅ¸³½´Ù. ¸¸ÀÏ "¾øÀ½"ÀÌ ³ªÅ¸³ª¸é ÀÌ´Â ±× ¼Ó¼ºÀÌ °ªÀ¸·Î ¹éºÐÀ²µéÀ» ¹Þ¾Æµå¸± ¼ö ¾øÀ½À» ÀǹÌÇÑ´Ù.

¸Þµð¾Æ ±¸·ì

ÀÌ ºÎºÐÀº ±× ¼Ó¼ºÀÌ Àû¿ëµÇ´Â ¸Þµð¾Æ ±¸·ìµéÀ» ³ªÅ¸³½´Ù. ±Ô°Ý¿¡ ºÎÇÕ¼ºÇϱâ À§ÇÑ Á¶°ÇµéÀº »ç¿ëµµ±¸µéÀÌ ÀÌ ¸Þµð¾Æ ±¸·ì¿¡ Æ÷ÇԵǾî ÀÖ´Â ¸Þµð¾Æ(media) ŸÀÔÀÇ Ç¥ÇöÀ» Áö¿øÇؾßÇÏ´Â ¼Ó¼ºÀ» ¸í½ÃÇÑ´Ù.

1.3.3 ¾à½Ä¼Ó¼º

ÀϺΠ¼Ó¼ºµéÀº ¾à½Ä¼Ó¼ºµé·Î, Á¦ÀÛÀÚµéÀÌ ¿©·¯ ¼Ó¼ºµéÀÇ °ªµéÀ» ´ÜÀÏ ¼Ó¼ºÁöÁ¤À¸·Î ÁöÁ¤ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

¿¹¸¦ µé¾î, 'font' ¾à½Ä¼Ó¼ºÀ¸·Î 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', 'font-family'ÀÇ ¸ðµç °ÍÀ» Çѹø¿¡ ¼³Á¤ÇÒ ¼ö ÀÖ´Ù.

¾à½Ä ¸í·É ¾ç½Ä¿¡¼­ °ªµéÀÌ »ý·« µÇ¸é, °¢ "´©¶ôµÈ" ¼Ó¼º¿¡´Â ÃÖÃÊ°ªÀÌ ÇÒ´çµÈ´Ù(Ä«½ºÅ×À̵å ÂüÁ¶).

¿¹Á¦:

º¹¼ö ½ºÅ¸ÀÏ(style) ¸í·ÉµéÀÇ ¿¹Á¦:

H1 {
 font-weight: bold;
 font-size: 12pt;
 line-height: 14pt;
 font-family: Helvetica;
 font-variant: normal;
 font-style: normal;
 font-stretch: normal;
 font-size-adjust: none
}

´ÜÀÏ ¾à½Ä¼Ó¼ºÀ¸·Î ´Ù½Ã ¾Æ·¡¿Í °°ÀÌ ±â¼úÇÒ ¼ö ÀÖ´Ù:

H1 { font: bold 12pt/14pt Helvetica }

ÀÌ ¿¹Á¦¿¡¼­, 'font-variant', 'font-stretch', 'font-size-adjust', 'font-style'´Â ±×µéÀÇ ÃÖÃÊ°ªµéÀ» ÃëÇÑ´Ù.

1.3.4 ÁÖ¼®°ú ¿¹Á¦

¸ðµç ¿¹Á¦µé¿¡¼­ Ʋ¸°(illegal) »ç¿ëÀº ¸íÈ®ÇÏ°Ô "Ʋ¸°¿¹Á¦"·Î Ç¥½ÃÇÏ¿´´Ù.

º°µµÀÇ ¹®¼­ ŸÀÔ(type) ¼±¾ðÀÌ ¾ø´Â ÇÑ ¸ðµç HTML ¿¹Á¦µéÀº HTML 4 ¾ö°Ý(strict) DTD¿¡ ºÎÇÕÇÑ´Ù.

¸ðµç ÁÖ¼®Àº Á¤º¸ ¸¸À» À§ÇÑ °ÍÀÌ´Ù.

HTML ¿ø¹®¾È¿¡ Ç¥½ÃµÇ¾î ÀÖ´Â ¿¹Á¦µé°ú ÁÖ¼®µéÀº ÀÌ ±Ô°ÝÀ» À§ÇÑ °ÍÀÌ°í CSS1 »ç¿ëµµ±¸µéÀº À̵éÀ» Ư¼öÇÏ°Ô Ç¥ÇöÇÒ °ÍÀÌ´Ù.

1.3.5 À̹ÌÁö¿Í ±ä ¼³¸í

ÀÌ ±Ô°Ý ÀüÀÚ¹®¼­ÀÇ ´ëºÎºÐ À̹ÌÁö(image)µéÀº "±ä ¼³¸íµé"À» °®´Âµ¥, ÀÌ ±ä ¼³¸íÀ¸·Î ¿¬°áµÈ °ÍÀº À̹ÌÁö ¿À¸¥ÂÊ¿¡ "[D]"¸¦ Ç¥½ÃÇÏ¿´´Ù.

À̹ÌÁö¿Í ±ä ¼³¸íµéÀº Á¤º¸ ¸¸À» À§ÇÑ °ÍÀÌ´Ù.

1.4 ¹®¼­ ±¸¼º Àλç

ÀÌ ±Ô°Ý Ä«½ºÄÉÀ̵ù ½ºÅ¸ÀϽ¬Æ®¿Í ¼Ó¼ºµéÀÇ ¾ç½ÄÈ­´Â W3C ÀÛ¾÷±¸·ì(Working Group)¿¡ ÀÇÇÏ¿© ¸¸µé¾î Á³´Ù. ÀÌ ±Ô°ÝÀÇ ÀÛ¼ºÀڵ鿡 Ãß°¡ÇÏ¿© ÀÛ¾÷±¸·ìÀÇ ¸â¹öµéÀº: Brad Chase (Bitstream), Chris Wilson (Microsoft), Daniel Glazman (Electricité de France), Dave Raggett (W3C/HP), Ed Tecot (Microsoft), Jared Sorensen (Novell), Lauren Wood (SoftQuad), Laurie Anna Kaplan (Microsoft), Mike Wexler (Adobe), Murray Maloney (Grif), Powell Smith (IBM), Robert Stevahn (HP), Steve Byrne (JavaSoft), Steven Pemberton (CWI), Thom Phillabaum (Netscape), Douglas Rand (Silicon Graphics), Robert Pernett (Lotus), Dwayne Dicks (SoftQuad), Sho Kuwamoto (Macromedia) µîÀÌ´Ù. ¿ì¸®´Â ±×µéÀÇ °è¼ÓÀûÀÎ ³ë·Â¿¡ °¨»çµå¸°´Ù.

¿©·¯¸íÀÇ ÀÛ¾÷±¸·ì¿¡ ÃÊ´ëµÈ Àü¹®°¡µéµµ °øÇåÇÏ¿´´Ù: George Kersher, Glenn Rippel (Bitstream), Jeff Veen (HotWired), Markku T. Hakkinen (The Productivity Works), Martin Dürst (W3C, formerly Universität Zürich), Roy Platon (RAL), Todd Fahrner (Verso), Tim Boland (NIST), Eric Meyer (Case Western Reserve University), Vincent Quint (W3C).

À¥±Û²Ãµé¿¡ °üÇÑ Ç׸ñÀº Brad Chase (Bitstream) David Meltzer (Microsoft Typography)¿Í Steve Zilles (Adobe)ÀÇÇÏ¿© °­·ÂÇÏ°Ô ±¸¼ºµÇ¾ú´Ù. ´ÙÀ½ ºÐµé ¶ÇÇÑ ±Û²Ã¿¡ °ü·ÃÇÏ¿© ¿©·¯ ¹æ¸é¿¡¼­ °øÇåÇÏ¿´´Ù: Alex Beamon (Apple), Ashok Saxena (Adobe), Ben Bauermeister (HP), Dave Raggett (W3C/HP), David Opstad (Apple), David Goldsmith (Apple), Ed Tecot (Microsoft), Erik van Blokland (LettError), François Yergeau (Alis), Gavin Nicol (Inso), Herbert van Zijl (Elsevier), Liam Quin, Misha Wolf (Reuters), Paul Haeberli (SGI), °í Phil Karlton (Netscape).

Robert Stevahn (HP)°ú Stephen Waters (Microsoft)¿¡ ÀÇÇÏ¿© ÆäÁöÈ­µÈ ¸Þµð¾Æ(Paged Media) Ç׸ñµéÀÇ ¸¹Àº ºÎºÐÀÌ Á¦À۵Ǿú´Ù.

Robert Stevahn (HP), Scott Furman (Netscape), Scott Isaacs (Microsoft)°¡ CSSÀÇ À§Ä¡ ¸ÂÃß±â(positioning)¿¡ °¡Àå °øÇåÀÚµéÀÌ´Ù.

Mike Wexler (Adobe)°¡ CSS2ÀÇ ¸¹Àº »õ·Î¿î ±â´ÉµéÀ» ±â¼úÇÏ´Â ÃʾÈÀ» ¸¸µé¾ú´Ù.

¿ø¹® T.V. Raman (Adobe)ÀÌ ¼Ò¸® Ä«½ºÄÉÀ̵ù ½ºÅ¸ÀϽ¬Æ®(ACSS:Aural Cascading Style Sheet)¸¦ ÇâÇÑ ÁÖÃàÀÇ ¿ªÇÒÀ» ÇÏ¿´À¸¸ç, ¼Ò¸® Ç¥ÇöÀÇ °³³äÀº ±×ÀÇ ÀÛ¾÷ÀÎ AsTeR(Audio System For Technical Readings)¿¡ ±âÃʸ¦ µÎ°í ÀÖ´Ù. ±×´Â ÃÖÃÊÀÇ ACSS ±Ô°Ý ÃʾÈÀ» ¸¸µé¾úÀ¸¸ç ÇöÀçÀÇ ±Ô°ÝÀ¸·Î ¹ßÀüµÇ¾ú´Ù. HTML 4 ½ºÅ¸ÀϽ¬Æ® ¿¹Á¦ÀÇ ¼Ò¸®(aural) ¼Ó¼ºµéÀ» À§ÇÑ °ªµéÀº ±×°¡ Á¦°øÇÏ¿´´Ù. ±×´Â ÇöÀç ±×ÀÇ ÄÄÇ»ÅÍ¿¡¼­ Emacspeak¿Í Emacs W3 ºê¶ó¿ìÀú(Á¦ÀÛÀÚ William Perry ¶ÇÇÑ W3 ÁÖÀ§¿¡¼­ ¼Ò¸® È®ÀåÀ» Àû¿ëÇÏ¿´½¿)¿Í ¿¬°üÇÏ¿© ¸ÅÀÏ »ç¿ëÇÏ°í ÀÖ´Ù.

Todd Fahrner (Verso)´Â ¿©·¯ ºê¶ó¿ìÀúµéÀ» ¿¬±¸ÇÏ¿© ºÎ·ÏÀÇ ½ºÅ¸ÀϽ¬Æ® ¿¹Á¦¸¦ °³¹ßÇÏ¿´´Ù.

ÀÌ ±Ô°ÝÀÇ Æ÷½ºÆ®½ºÅ©¸³Æ®(PostScript) ¹öÀüÀ» âÃâÇϴµ¥ ¸¹Àº µµ¿òÀ» ÁØ ¿ø¹® html2psÀÇ Á¦ÀÛÀÚ Jan Kärrman¿¡°Ô °¨»çÇÑ´Ù.

ÀüÀÚ¿Í ±âŸ ÀÛ¾÷À» ÅëÇØ ´ÙÀ½ »ç¶÷µéµµ CSS2 °³¹ß¿¡ °øÇåÇÏ¿´´Ù: Alan Borning, Robert Cailliau, Liz Castro, James Clark, Dan Connolly, Donna Converse, Daniel Dardailler, Al Gilman, Daniel Greene, Scott Isaacs, Geir Ivarsøy, Vincent Mallet, Kim Marriott, Brian Michalowski, Lou Montulli, Henrik Frystyk Nielsen, Jacob Nielsen, Eva von Pepel, William Perry, David Siegel, Peter Stuckey, Jason White.

www-style@w3.org¿¡¼­ÀÇ Åä·ÐµéÀÌ CSSÀÇ ¸¹Àº Áß¿ä ¹®Á¦¿¡ ¿µÇâÀ» ÁÖ¾ú´Ù. ƯÈ÷, Bjorn Backlund, Todd Fahrner, Lars Marius Garshol, Sue Jordan, Ian Hickson, Susan Lesch, Andrew Marshall, MegaZone, Eric Meyer, Russell O'Connor, David Perrell, Liam Quinn, Jon Seymour, Neil St. Laurent, Taylor, Brian Wilson, Chris Wilson¿¡°Ô ±×µéÀÇ Âü¿©¿¡ °¨»çµå¸°´Ù.

À¥ Á¢¼Ó¼º ÀÎÅ;×Ƽºê ÇÁ·ÎÅäÄÝ(Web Accessibility Initiative Protocols)°ú ¾ç½ÄÈ­ ±â¼ú Á¡°Ë ÀÛ¾÷ ±¸·ì(Formats Technical Review Working Group)(WAI PF)¿¡ CSS2 Á¢¼Ó¼º °³¼±À» À§ÇØ µµ¿òÀ» ÁØ °Í¿¡ ´ëÇØ °¨»çÇÑ´Ù.

Philippe Le Hégaret¿¡ ±×ÀÇ CSS Á¡°Ë±â(validator)·Î ¿Ã¹Ù¸¥ ¿¹Á¦µé°ú ¸Â´Â ¹®¹ýÀ» À§ÇÏ¿© µµ¿òÀ» ÁØ °Í¿¡ ´ëÇØ °¨½ÃÇÑ´Ù.

ÀÌ ¹®¼­ ÀÛ¼ºÀ» À§ÇÑ ¿£Áö´Ï¾î¸µ °øÇåÀ» ÇÑ Arnaud Le Hors¿¡°Ô Ưº°È÷ °¨»çÇÑ´Ù.

Adam Costello°¡ °³¼±µÈ ÀÌ ±Ô°ÝÀ» »ó¼¼ÇÏ°Ô Á¡°ËÇÏ¿´´Ù.

³¡À¸·Î ±×°¡ ¾ø¾ú´Ù¸é ÀÌÀÛ¾÷ÀÌ ºÒ°¡´É ÇßÀ» Tim Berners-Lee¿¡°Ô °¨»çÇÑ´Ù.

1.5 ÀúÀÛ±Ç °æ°í

¹ø¿ªÀÚ ÁÖ¼®: ÀÌ ¹ø¿ªÀº °øºÎÇÏ´Â »ç¶÷µéÀÇ Âü°í¸¦ À§ÇÑ °ÍÀÌ°í »ó¾÷ÀûÀÎ ¸ñÀûÀ» ´ã°í ÀÖÁö ¾ÊÀ¸¹Ç·Î, ÀÌ ¹ø¿ª°ú ±­·ÃÇÏ¿© ¾î¶² Á¾·ùµç ¹ý·üÀûÀ¸·Î´Â Ã¥ÀÓ ÁöÁö ¾Ê´Â´Ù. »ó¿ëÈ­³ª ±âŸ ¹ý·üÀû ¹®Á¦°¡ °ü·ÃµÉ ¼ö ÀÖ´Â »çÇ׿¡ ´ëÇؼ­´Â ¿µ¹® ¿ø¹®À» ÂüÁ¶Ç϶ó.

ÀúÀÛ±Ç © 1997 ¿ø¹® World Wide Web Consortium, (¿ø¹® Massachusetts Institute of Technology, ¿ø¹® Institut National de Recherche en Informatique et en Automatique, ¿ø¹® Keio University)ÀÇ ¸ðµç ±Ç¸® º¸À¯.
¿ø¹® W3C ȨÆäÀÌÁö¿¡¼­ Á¦°øµÇ´Â ¹®¼­µéÀº ÀúÀÛ±ÇÀÚ¿¡ ÀÇÇÏ¿© ¾Æ·¡ »ç¿ë Çã°¡(license)¿¡ ÀÇÇÏ¿© Á¦°øµÈ´Ù. ÀÌ ¹®¼­ ¶Ç´Â ÀÌ ¹®¼­ÀÇ ³»¿ë°ú ¿¬°áµÈ ¹®¼­¸¦ ȹµæÇϰųª, »ç¿ëÇϰųª, º¹»çÇÒ ¶§´Â ´ÙÀ½ÀÇ Á¶°Ç(terms and conditions)À» Àоú°í, ÀÌÇØ Çß°í, ÁؼöÇÒ °ÍÀ» ¾à¼ÓÇÑ´Ù´Â °Í¿¡ µ¿ÀÇÇÑ °ÍÀÌ´Ù.

ÀÌ ¹®¼­ÀÇ ³»¿ë ¶Ç´Â ÀÌ °æ°í¿Í ¿¬°üµÈ W3C ¹®¼­ÀÇ »ç¿ë, º¹»ç, ºÐ¹è´Â ¾î¶² ¸ÅüÀÌ°Ç, ¾î¶² ¸ñÀûÀÌ°Ç »ç¿ë·á, ¼ö¼ö·á³ª ·Î¾âƼ¸¦ ¹ÞÁö ¾Ê°í, ¸ðµç º¹»çµÈ ¹®¼­(ÀüºÎ ȤÀº ºÎºÐ)¿¡ ´ÙÀ½ °æ°í¸¦ Ç¥½ÃÇÏ´Â Á¶°ÇÀ¸·Î Çã¿ëµÈ´Ù.

  1. ¿øº» W3C ¹®¼­¿¡ ¿¬°á ȤÀº URI.
  2. °æ°í¹®ÀÌ ¾ø´Ù¸é, ´ÙÀ½(¾ð¾î ¿¬°á Ç¥½Ã Á¦¿Ü) ¿øº» ÀúÀÚÀÇ ÀúÀÛ±Ç °æ°í:
    "Copyright © ¿µ¹® World Wide Web Consortium, (¿µ¹® Massachusetts Institute of Technology, ºÒ¹® Institut National de Recherche en Informatique et en Automatique, ¿µ¹® Keio University). All Rights Reserved."
  3. ÀÖ´Ù¸é, W3C ¹®¼­ÀÇ »óÅÂ.

°ø°£ÀÌ Çã¿ëÇÑ´Ù¸é, ÀÌ °æ°íÀÇ Àü¹®À» Æ÷ÇÔÇÏ¿©¾ß ÇÑ´Ù. Ãß°¡ÀûÀ¸·Î, ÀÌ ¹®¼­ÀÇ ³»¿ëµé, ¶Ç´Â ¾î¶² ºÎºÐÀÌ Àû¿ëµÇ´Â ¾î¶² ¼ÒÇÁÆ®¿þ¾î(software), ¹®¼­µé, ¶Ç´Â Á¦ÀÛÀÚ Ç׸ñµé ¶Ç´Â ±ÍÇÏ°¡ »ý¼ºÇÑ °á°ú¹°ÀÇ ±Ç¸®´Â ÀÌ ÀúÀÛ±Ç º¸À¯ÀÚ¿¡°Ô ±Í¼ÓµÈ´Ù.

¼öÁ¤ ¶Ç´Â ÆÄ»ý¹°µéÀÇ »ý¼º¿¡ ´ëÇÑ ¾î¶»ÇÑ ±Ç¸®µµ ÀÌ Çã°¡¿¡ ÀÇÇÏ¿© Çã¿ëµÇÁö ¾Ê´Â´Ù.

ÀÌ ¹®¼­´Â "Àִ´ë·Î" Á¦°øµÇ¾ú°í, ÀúÀÛ±Ç º¸À¯ÀÚ°¡ ´ëÇ¥ ¶Ç´Â º¸ÁõÇϰųª, Ç¥Çö ¶Ç´Â ÀǹÌ, Æ÷ÇÔ, ±×·¯³ª ÀÌ¿¡ ±¹ÇÑÇÏÁö ¾Ê°í, »óÇ°¼ºÀÇ º¸Áõ, Ư¼ö ¸ñÀû¿¡ ÀûÇÕ ÇÔ, Ÿ ±Ç¸®ÀÇ Ä§ÇØ ¾øÀ½, ¶Ç´Â ¼ÒÀ¯±Ç; ÀÌ ¹®¼­ÀÇ ³»¿ëÀÌ ¸ðµç ¿ëµµ¿¡ ÀûÇÕÇÏ´Ù´Â; ±× ³»¿ëÀÇ Àû¿ëÀÌ Á¦ »ïÀÚÀÇ ÀúÀ۱ǵé, »óÇ¥±Çµé ¶Ç´Â Á¦ÀÛÀÚ ±Ç¸®µé ħÇØÇÏÁö ¾Ê´Â´Ù´Â °ÍÀ» ÀüÇô ÀǹÌÇÏÁö ¾Ê´Â´Ù.

ÀúÀÛ±Ç º¸À¯ÀÚ´Â ¾î¶² Á¾·ùÀÌ°Ç ÀÌ ¹®¼­ÀÇ »ç¿ë ¶Ç´Â ±× ºÎºÐÀÇ ±× ¼º´É ¶Ç´Â Àû¿ëÀ¸·Î ºÎÅÍ ¹ß»ýµÇ´Â Á÷Á¢, °£Á¢, Ư¼ö ¶Ç´Â °á°úÀûÀÎ ¼ÕÇØ¿¡ ´ëÇÏ¿© ÀÏüÀÇ Ã¥ÀÓÀ» ÁöÁö ¾Ê´Â´Ù.

ÀÌ ÀúÀÛ±Ç º¸À¯ÀÚÀÇ À̸§°ú »óÇ¥µéÀº »çÀü¿¡ ¼­¸é Çã°¡¸¦ ¹ÞÁö ¾Æ´ÏÇÏ°í´Â ±¤°í ¶Ç´Â ÀÌ ¹®¼­³ª ±× ³»¿ëÀÇ ¹ß°£¹°¿¡ »ç¿ëÇÒ ¼ö ¾ø´Ù. ÀúÀÛ±ÇÀº ¾î´À°æ¿ìµç ÀúÀÛ±Ç º¸À¯ÀÚ¿¡°Ô ÀÖ´Ù.


ÆäÀÌÁö ¸ÇÀ§·Î¸ÇÀ§ÀÌ Trio ȨÆäÀÌÁö ¹®¼­()´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.
(¼öÁ¤ÀÏ )