cssÀÇ Á¤ÀÇ_±¹ºñÁö¿øÀÚ¹ÙÇпø
À¥ ¹®¼ÀÇ Àü¹ÝÀûÀÎ ½ºÅ¸ÀÏÀ» ¹Ì¸® ÀúÀåÇØ µÐ ½ºÅ¸ÀϽÃÆ®ÀÌ´Ù. ¹®¼ ÀüüÀÇ ÀÏ°ü¼ºÀ» À¯ÁöÇÒ ¼ö ÀÖ°í,
¼¼¼¼ÇÑ ½ºÅ¸ÀÏ ÁöÁ¤ÀÇ Çʿ並 ÁÙ¾îµé°Ô ÇÏ¿´´Ù.
±âÁ¸ÀÇ HTMLÀº À¥ ¹®¼¸¦ ´Ù¾çÇÏ°Ô ¼³°èÇÏ°í ¼ö½Ã·Î º¯°æÇϴµ¥ ¸¹Àº Á¦¾àÀÌ µû¸£´Âµ¥, À̸¦ º¸¿ÏÇϱâ À§ÇØ ¸¸µé¾îÁø °ÍÀÌ ½ºÅ¸ÀÏ ½ÃÆ®ÀÌ°í ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ Ç¥ÁؾÈÀÌ ¹Ù·Î CSSÀÌ´Ù. °£´ÜÈ÷ ½ºÅ¸ÀÏ ½ÃÆ®¶ó°íµµ ÇÑ´Ù.
HTMLÀÌ ¹®¼ÀÇ ³»¿ëºÎºÐÀ̶ó¸é CSS´Â ¹®¼¸¦ È·ÁÇÏ°Ô ²Ù¹Ì´Â ¿ªÇÒÀ» ÇÑ´Ù.
CSS3´Â Cascading Style Sheets(CSS) ¾ð¾îÀÇ °¡Àå ÃֽŠ¹öÀüÀÌ°í CSS2.1À» »ó¼ÓÇÏ´Â °ÍÀ» ¸ñÇ¥·Î ÇÕ´Ï´Ù.
CSS3´Â °³¹ßÀÚµéÀÌ ¿À·§µ¿¾È ±â´Ù·Á¿Â »õ·Î¿î ±â´ÉµéÀ» Áö¿øÇÏ°Ô µÇ¾ú½À´Ï´Ù.
´ÙÁß¿(multi-columns), À¯µ¿ÀûÀÎ »óÀÚ(flexible box), °ÝÀÚ ¹èÄ¡(grid layouts) »Ó¸¸ ¾Æ´Ï¶ó µÕ±×·± ¸ð¼¸®(rounded corners), ±×¸²ÀÚ( shadows) , ºÎµå·¯¿î »öÀÇ º¯ÀÌ(gradients) , º¯ÀÌ(transitions), ¿òÁ÷ÀÓ(animations) µîµµ Áö¿øÇÕ´Ï´Ù. ½ÇÇèÀûÀÎ ºÎºÐ(experimental parts)Àº ºê¶ó¿ìÀú °ø±ÞÀÚ(vender)ÀÇ ±¸Çö¿¡ µû¶ó ´Ù¸¦ ¼ö ÀÖ°í ¹Ì·¡¿¡ ¹®¹ýÀ̳ª Àǹ̰¡ º¯ÇÒ ¼ö ÀÖ½À´Ï´Ù.
µû¶ó¼ ȯ°æ¿¡ µû¶ó ÇØ´ç ½ºÆåÀ» »ç¿ëÇÏ´Â °ÍÀ» ÇÇÇϰųª, »ç¿ëÇÏ´õ¶óµµ ¸Å¿ì ½ÅÁßÈ÷ »ç¿ëÇؾßÇÕ´Ï´Ù.
¸ðµâ°ú Ç¥ÁØÈ °úÁ¤(Modules and the standardization process)
2002³â 8¿ùºÎÅÍ 2011³â 6¿ù±îÁö CSS Level2°¡ ±ÇÀå(Recommendation)´Ü°è¿¡ À̸£±â ±îÁö ÃÑ 9³âÀÌ °É·È½À´Ï´Ù.
ÀÌ´Â ¸î¸î ºÎÂ÷ÀûÀÎ ±â´ÉµéÀÌ Àüü ¸í¼¼(specification)ÀÇ ÁøÇàÀ» ´õµð°Ô ¸¸µé¾ú±â ¶§¹®ÀÔ´Ï´Ù.
W3CÀÇ CSS Working GroupÀº ¹®Á¦¸¦ ÀÏÀ¸Å°´Â ¸î¸î ±â´ÉÀ» Á¦¿ÜÇÑ ³ª¸ÓÁö ±â´ÉµéÀÇ Ç¥ÁØÈ ÀÛ¾÷À» º¸´Ù ºü¸£°Ô ÁøÇàÇϱâ À§ÇÏ¿©
Beijing doctrine¿¡ µû¶ó CSS¸¦ º¸´Ù ÀÛÀº ÄÄÆ÷³ÍÆ® ´ÜÀ§·Î ³ª´³°í, À̸¦ ¸ðµâ(module)À̶ó ºÎ¸¨´Ï´Ù.
ÇöÀç °¢°¢ÀÇ ¸ðµâÀº ¼·Î µ¶¸³ÀûÀ¸·Î Ç¥ÁØÈ °úÁ¤À» °ÅÄ¡°í ÀÖ½À´Ï´Ù.
ÀÌ¹Ì ¸î¸î ¸ðµâÀº W3C Rocommendations ¿¡ À̸£·¶À¸³ª, ³ª¸ÓÁö´Â ¿©ÁøÈ÷ Working Drafts ´Ü°è¿¡ ¸Ó¹°·¯ ÀÖ½À´Ï´Ù.
¶ÇÇÑ »õ·Î¿î ¿ä±¸»çÇ×(needs)ÀÌ ¹ß»ýÇÒ ¶§ ¸¶´Ù °è¼ÓÇؼ »õ·Î¿î ¸ðµâÀÌ Ãß°¡µÇ°í ÀÖ½À´Ï´Ù.
°ø½ÄÀûÀ¸·Î CSS3 ÀÚü Ç¥ÁØÀº Á¸ÀçÇÏÁö ¾Ê½À´Ï´Ù.
°¢°¢ÀÇ ¸ðµâÀÌ µ¶¸³ÀûÀ¸·Î Ç¥ÁØÈ µÇ°í ÀÖ°í, Ç¥ÁØ CSS´Â ¸ðµâÀ» ÅëÇØ CSS2.1À» ¼öÁ¤ÇÏ¿© »ó¼Ó(extends)ÇÏ´Â °ÍÀ¸·Î ±¸¼ºµÇ¾îÀÖ¼
Ç×»ó °°Àº level number¸¦ °®´Â °ÍÀº ¾Æ´Õ´Ï´Ù.
ƯÁ¤ ½ÃÁ¡ÀÇ CSS2.1°ú ¿Ï¼ºµÈ ¸ðµâµé·Î ±¸¼ºµÈ CSSÇ¥ÁØ ½º³À¼¦À» Á¤ÀÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
W3C´Â ÁÖ±âÀûÀ¸·Î ÀÌ·± ½º³À¼¦À» ¹ßÇ¥ÇÏ°í ÀÖ½À´Ï´Ù. (2007 / 2010)
¾ÆÁ÷±îÁö lever 3º¸´Ù ³ôÀº levelÀ» °¡Áø ¸ðµâÀº ¾øÁö¸¸ °ð »ý±æ °ÍÀÔ´Ï´Ù.
Selector 4³ª CSSborder 4, Background 4¿Í °°Àº ¸î¸î ¸ðµâÀº Working Draft°¡ °ø°³µÈÀûÀº ¾øÁö¸¸ ÀÌ¹Ì Editor's Draft´Â ÀÛ¼ºµÇ¾î ÀÖ½À´Ï´Ù.
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³
cssÀÇ Á¤ÀÇ_±¹ºñÁö¿øÀÚ¹ÙÇпø
À¥ ¹®¼ÀÇ Àü¹ÝÀûÀÎ ½ºÅ¸ÀÏÀ» ¹Ì¸® ÀúÀåÇØ µÐ ½ºÅ¸ÀϽÃÆ®ÀÌ´Ù. ¹®¼ ÀüüÀÇ ÀÏ°ü¼ºÀ» À¯ÁöÇÒ ¼ö ÀÖ°í,
¼¼¼¼ÇÑ ½ºÅ¸ÀÏ ÁöÁ¤ÀÇ Çʿ並 ÁÙ¾îµé°Ô ÇÏ¿´´Ù.
±âÁ¸ÀÇ HTMLÀº À¥ ¹®¼¸¦ ´Ù¾çÇÏ°Ô ¼³°èÇÏ°í ¼ö½Ã·Î º¯°æÇϴµ¥ ¸¹Àº Á¦¾àÀÌ µû¸£´Âµ¥, À̸¦ º¸¿ÏÇϱâ À§ÇØ ¸¸µé¾îÁø °ÍÀÌ ½ºÅ¸ÀÏ ½ÃÆ®ÀÌ°í ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ Ç¥ÁؾÈÀÌ ¹Ù·Î CSSÀÌ´Ù. °£´ÜÈ÷ ½ºÅ¸ÀÏ ½ÃÆ®¶ó°íµµ ÇÑ´Ù.
HTMLÀÌ ¹®¼ÀÇ ³»¿ëºÎºÐÀ̶ó¸é CSS´Â ¹®¼¸¦ È·ÁÇÏ°Ô ²Ù¹Ì´Â ¿ªÇÒÀ» ÇÑ´Ù.
CSS3´Â Cascading Style Sheets(CSS) ¾ð¾îÀÇ °¡Àå ÃֽŠ¹öÀüÀÌ°í CSS2.1À» »ó¼ÓÇÏ´Â °ÍÀ» ¸ñÇ¥·Î ÇÕ´Ï´Ù.
CSS3´Â °³¹ßÀÚµéÀÌ ¿À·§µ¿¾È ±â´Ù·Á¿Â »õ·Î¿î ±â´ÉµéÀ» Áö¿øÇÏ°Ô µÇ¾ú½À´Ï´Ù.
´ÙÁß¿(multi-columns), À¯µ¿ÀûÀÎ »óÀÚ(flexible box), °ÝÀÚ ¹èÄ¡(grid layouts) »Ó¸¸ ¾Æ´Ï¶ó µÕ±×·± ¸ð¼¸®(rounded corners), ±×¸²ÀÚ( shadows) , ºÎµå·¯¿î »öÀÇ º¯ÀÌ(gradients) , º¯ÀÌ(transitions), ¿òÁ÷ÀÓ(animations) µîµµ Áö¿øÇÕ´Ï´Ù. ½ÇÇèÀûÀÎ ºÎºÐ(experimental parts)Àº ºê¶ó¿ìÀú °ø±ÞÀÚ(vender)ÀÇ ±¸Çö¿¡ µû¶ó ´Ù¸¦ ¼ö ÀÖ°í ¹Ì·¡¿¡ ¹®¹ýÀ̳ª Àǹ̰¡ º¯ÇÒ ¼ö ÀÖ½À´Ï´Ù.
µû¶ó¼ ȯ°æ¿¡ µû¶ó ÇØ´ç ½ºÆåÀ» »ç¿ëÇÏ´Â °ÍÀ» ÇÇÇϰųª, »ç¿ëÇÏ´õ¶óµµ ¸Å¿ì ½ÅÁßÈ÷ »ç¿ëÇؾßÇÕ´Ï´Ù.
¸ðµâ°ú Ç¥ÁØÈ °úÁ¤(Modules and the standardization process)
2002³â 8¿ùºÎÅÍ 2011³â 6¿ù±îÁö CSS Level2°¡ ±ÇÀå(Recommendation)´Ü°è¿¡ À̸£±â ±îÁö ÃÑ 9³âÀÌ °É·È½À´Ï´Ù.
ÀÌ´Â ¸î¸î ºÎÂ÷ÀûÀÎ ±â´ÉµéÀÌ Àüü ¸í¼¼(specification)ÀÇ ÁøÇàÀ» ´õµð°Ô ¸¸µé¾ú±â ¶§¹®ÀÔ´Ï´Ù.
W3CÀÇ CSS Working GroupÀº ¹®Á¦¸¦ ÀÏÀ¸Å°´Â ¸î¸î ±â´ÉÀ» Á¦¿ÜÇÑ ³ª¸ÓÁö ±â´ÉµéÀÇ Ç¥ÁØÈ ÀÛ¾÷À» º¸´Ù ºü¸£°Ô ÁøÇàÇϱâ À§ÇÏ¿©
Beijing doctrine¿¡ µû¶ó CSS¸¦ º¸´Ù ÀÛÀº ÄÄÆ÷³ÍÆ® ´ÜÀ§·Î ³ª´³°í, À̸¦ ¸ðµâ(module)À̶ó ºÎ¸¨´Ï´Ù.
ÇöÀç °¢°¢ÀÇ ¸ðµâÀº ¼·Î µ¶¸³ÀûÀ¸·Î Ç¥ÁØÈ °úÁ¤À» °ÅÄ¡°í ÀÖ½À´Ï´Ù.
ÀÌ¹Ì ¸î¸î ¸ðµâÀº W3C Rocommendations ¿¡ À̸£·¶À¸³ª, ³ª¸ÓÁö´Â ¿©ÁøÈ÷ Working Drafts ´Ü°è¿¡ ¸Ó¹°·¯ ÀÖ½À´Ï´Ù.
¶ÇÇÑ »õ·Î¿î ¿ä±¸»çÇ×(needs)ÀÌ ¹ß»ýÇÒ ¶§ ¸¶´Ù °è¼ÓÇؼ »õ·Î¿î ¸ðµâÀÌ Ãß°¡µÇ°í ÀÖ½À´Ï´Ù.
°ø½ÄÀûÀ¸·Î CSS3 ÀÚü Ç¥ÁØÀº Á¸ÀçÇÏÁö ¾Ê½À´Ï´Ù.
°¢°¢ÀÇ ¸ðµâÀÌ µ¶¸³ÀûÀ¸·Î Ç¥ÁØÈ µÇ°í ÀÖ°í, Ç¥ÁØ CSS´Â ¸ðµâÀ» ÅëÇØ CSS2.1À» ¼öÁ¤ÇÏ¿© »ó¼Ó(extends)ÇÏ´Â °ÍÀ¸·Î ±¸¼ºµÇ¾îÀÖ¼
Ç×»ó °°Àº level number¸¦ °®´Â °ÍÀº ¾Æ´Õ´Ï´Ù.
ƯÁ¤ ½ÃÁ¡ÀÇ CSS2.1°ú ¿Ï¼ºµÈ ¸ðµâµé·Î ±¸¼ºµÈ CSSÇ¥ÁØ ½º³À¼¦À» Á¤ÀÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
W3C´Â ÁÖ±âÀûÀ¸·Î ÀÌ·± ½º³À¼¦À» ¹ßÇ¥ÇÏ°í ÀÖ½À´Ï´Ù. (2007 / 2010)
¾ÆÁ÷±îÁö lever 3º¸´Ù ³ôÀº levelÀ» °¡Áø ¸ðµâÀº ¾øÁö¸¸ °ð »ý±æ °ÍÀÔ´Ï´Ù.
Selector 4³ª CSSborder 4, Background 4¿Í °°Àº ¸î¸î ¸ðµâÀº Working Draft°¡ °ø°³µÈÀûÀº ¾øÁö¸¸ ÀÌ¹Ì Editor's Draft´Â ÀÛ¼ºµÇ¾î ÀÖ½À´Ï´Ù.
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³