CSS¿¡ µµÀüÇ϶ó!
'À§Å°ºÏ½º ¿ÀǼҽº & À¥' ½Ã¸®Áî, Á¦13±Ç ¡ºCSS ¿Ïº® °¡À̵塻. Complex Spiral Consulting ¼³¸³ÀÚ ¿¡¸¯ ¸¶À̾, CSS2¿Í CSS2.1À» ÀÌ¿ëÇÏ¿© CSSÀÇ ¸ðµç °ÍÀ» ½Ç¹«¿¡ Àû¿ëÇÏ´Â ºñ°áÀ» °¡¸£ÃÄÁÖ°í ÀÖ´Ù. HTML·Î¸¸ ÀÛ¾÷ÇÏ´Â °Íº¸´Ù ¼öÁØ ³ôÀº À¥»çÀÌÆ® ½ºÅ¸ÀÏÀ» ±¸ÃàÇÏ°Ô µÈ´Ù.
ÀÌ Ã¥Àº À¥Ç¥ÁØÀ» À§ÇØ ²À ¾Ë¾Æ¾ß ÇÒ CSS¿¡ ´ëÇÑ ¾È³»¼´Ù. CSS¸¦ óÀ½ ¹è¿ì´Â ÇнÀÀÚ´Â ¹°·Ð, ½Ç¹«¿¡¼ È¿À²ÀûÀ¸·Î È°¿ëÇÏ´Â ¹æ¾ÈÀ» °í¹ÎÇÏ´Â UI °³¹ßÀÚ¸¦ ´ë»óÀ¸·Î »ï°í ÀÖ´Ù. CSSÀÇ ¼Ó¼ºÀ» ²Ä²ÄÈ÷ »ìÆ캽À¸·Î½á ÀÛ¾÷ÇÒ ½Ã°£À» ´ÜÃàÇÏ¸é¼ º¹ÀâÇÑ À¥ÆäÀÌÁö¿¡ ½ºÅ¸ÀÏÀ» ÀÔÈ÷´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù.
ƯÈ÷ dzºÎÇÑ ¿¹Á¦¸¦ ÅëÇØ ÇÑ ¹øÀÇ ¼öÁ¤À¸·Î À¥»çÀÌÆ®ÀÇ ÀüüÀû ½ºÅ¸ÀÏÀ» »õ·Ó°Ô ¸¸µé°Å³ª º¯°æÇÏ´Â ¹æ¹ýÀ» °ø°³ÇÏ°í ÀÖ´Ù. ½Ç¹«¿¡¼ÀÇ ¿À·ù¸¦ ÁÙÀÌ´Â ¹æ¹ý µîµµ ¹è¿ì°Ô µÈ´Ù. ¶ÇÇÑ ÇÁ·ÎÆÛƼ, ű×, ¾îÆ®¸®ºäÆ®, ±×¸®°í Àû¿ë µî¿¡ ´ëÇÑ °æÇèÀ» ¹ÙÅÁÀ¸·Î, ºê¶ó¿ìÀú Áö¿ø°ú µðÀÚÀÎ °¡À̵å¶óÀÎ µî°ú °°Àº ½ÇÁúÀûÀÎ ÀïÁ¡À» ¼³¸íÇØÁÜÀ¸·Î½á CSS¿¡ ´ëÇÑ ÀÌÇظ¦ ¾÷±×·¹À̵å½ÃÄÑÁÖ°í ÀÖ´Ù.
01Àå CSS¿Í ¹®¼
±âÇ°À» ÀÒ°í Ÿ¶ôÇÑ À¥
±¸¿øÀ» À§ÇØ µîÀåÇÑ CSS
¿ä¼Ò
CSS¿Í XHTML ¿¬°áÇϱâ
02Àå ¼±ÅÃÀÚ
±âº» ±ÔÄ¢µé
±×·ìÈ
class ¼±ÅÃÀÚ¿Í id ¼±ÅÃÀÚ
¼Ó¼º ¼±ÅÃÀÚ
¹®¼±¸Á¶ ÀÌ¿ëÇϱâ
°¡»ó class¿Í °¡»ó ¿ä¼Ò
03Àå ¹®¼±¸Á¶¿Í ij½ºÄÉÀ̵å
±¸Ã¼¼º
»ó¼Ó
ij½ºÄÉÀ̵å
04Àå °ª°ú ´ÜÀ§
¼ýÀÚ
ÆÛ¼¾Æ®
»ö»ó
±æÀÌ ´ÜÀ§
URL
CSS2 ´ÜÀ§
05Àå ÆùÆ®
ÆùÆ® Æйи®
ÆùÆ® ¿þÀÌÆ®
ÆùÆ® »çÀÌÁî
½ºÅ¸ÀÏ°ú º¯Çüµé
´ÃÀ̱â¿Í ¸ÂÃß±â
ÆùÆ® ¼Ó¼º
ÆùÆ® ¸ÅĪ
06Àå ÅؽºÆ® ¼Ó¼º
µé¿©¾²±â¿Í ¼öÆò Á¤·Ä
¼öÁ÷ Á¤·Ä
¾î°£°ú ÀÚ°£
ÅؽºÆ® º¯È¯Çϱâ
ÅؽºÆ® ²Ù¹Ì±â
ÅؽºÆ® ±×¸²ÀÚ ¼³Á¤
07Àå ±âº»ÀûÀÎ ºñÁÖ¾ó ¼½Ä
±âº» ¹Ú½º
ºí·Ï ·¹º§ ¿ä¼Ò
ÀζóÀÎ ¿ä¼Ò
±âº» ¿ë¾î¿Í °³³ä
¿ä¼ÒÀÇ display ÀüȯÇϱâ
08Àå Æеù, º¸´õ, ¸¶Áø
±âº» ¿ä¼Ò ¹Ú½º
¸¶Áø
º¸´õ
Æеù
09Àå »ö»ó°ú ¹è°æ
»ö»ó
Àü°æ»ö
¹è°æ
10Àå Ç÷ÎÆ®¿Í À§Ä¡ÁöÁ¤Çϱâ
Ç÷ÎÆ®
À§Ä¡ÁöÁ¤Çϱâ
11Àå Å×ÀÌºí ·¹À̾ƿô
Å×À̺íÀÇ ±¸¼º
Å×ÀÌºí ¼¿ÀÇ º¸´õ
Å×ÀÌºí¿¡ Å©±â ÁöÁ¤Çϱâ
12Àå ¸®½ºÆ®¿Í »ý¼ºµÈ ÄÜÅÙÃ÷
¸®½ºÆ®
»ý¼ºµÈ ÄÜÅÙÃ÷
13Àå »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ½ºÅ¸ÀÏ
½Ã½ºÅÛ ÆùÆ®¿Í »ö»ó
Ä¿¼
¿Ü°û¼±
14Àå ºñÈ¸é ¸Åü
´ÙÁß ¹Ìµð¾î¸¦ À§ÇÑ ½ºÅ¸ÀϽÃÆ® µðÀÚÀÎÇϱâ
ÆäÀÌÁö·Î ³ª´¶ ¹Ìµð¾î
û°¢À» À§ÇÑ ½ºÅ¸ÀÏ
ºÎ·Ï A ¼Ó¼º ÂüÁ¶
ºÎ·Ï B ¼±ÅÃÀÚ, °¡»ó Ŭ·¡½º, °¡»ó ¿ä¼Ò ÂüÁ¶
ºÎ·Ï C HTML 4 ½ºÅ¸ÀϽÃÆ® ¿¹Á¦