³Ý½ºÄÉÀÌÇÁ 4.0À̻󿡼´Â À§¿¡¼ ¹è¿î STYLE Tag¸¦ »ç¿ëÇÏ¿© ¹®¼ÀÇ
ÇüŸ¦ ÁöÁ¤ÇÏ´Â ¹æ½Ä¿¡ ´ëÇÑ ¶Ç ´Ù¸¥ ¹æ½ÄÀ» Á¦°øÇϴµ¥ À̰ÍÀ» JSSS(JavaScript Style Sheet)¶ó°í ºÎ¸¥´Ù.
¶ÇÇÑ ±âÁ¸ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ¹®¹ýÀûÀ¸·Î´Â µ¿ÀÏÇÏÁö¸¸, <SCRIPT></SCRIPT>ºÎºÐ¿¡ ±¸ÇöÇÏ´Â °ÍÀÌ
¾Æ´Ï¶ó, <STYLE></STYLE>¶ó´Â ÅÂ±× ºÎºÐ¿¡ µé¾î°¡´Â °ÍÀÌ Â÷ÀÌÁ¡À̶ó¸é Â÷ÀÌÁ¡ÀÌ´Ù.( ÀͽºÇ÷η¯ÀÇ °æ¿ì
4.0ÀÌ»óÀÇ ºê¶ó¿ìÀú¿¡¼ ÀϺΠÀÛµ¿µÇ´Â °Íµµ ÀÖ±â´Â ÇÏ´Ù. )
4.1 »õ·Î Ãß°¡µÈ JSSS°´Ã¼
±âÁ¸ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ Á¦°øµÇ´ø °´Ã¼¿¡ ´ÙÀ½ ¸î°¡Áö °ÍµéÀÌ Ãß°¡µÇ¾î CSS¸¦ Áö¿øÇÏ°Ô µÈ´Ù.
3°¡Áö°¡ Ãß°¡ µÇ¾ú´Ù. ¸ÕÀú ´ÙÀ½ÀÇ HTML¹®ÀåÀ» Çѹø º¸ÀÚ.
<P class="left" ID="p1"> óÀ½ ¹®Àå </P>
- tag : ű×. HTML¿¡¼ »ç¿ëµÇ´Â ±× ű׵éÀ» ¸»ÇÑ´Ù. Áï, <P></P>¸¦ ¸»ÇÑ´Ù.
- class : ¾Õ¿¡¼ P.left, P.right¶§ ºÃ´ø ±× Ŭ·¡½º¸¦ ¸»ÇÑ´Ù.
- id : ÃÖÃÊ¿¡ SPANű׸¦ ¼³¸íÇÏ¸é¼ Àá±ñ µîÀåÇß¾ú´ø ID¸¦ ¸»ÇÑ´Ù. Áï À§¿¡¼ ID="p1"À̶ó°í Çϸé
±× ¹®¼¿¡¼ ÇØ´ç ID·Î À¯ÀÏÇÏ°Ô ±¸ºÐÇÒ ¼ö ÀÖ°Ô µÇ´Â °ÍÀÌ´Ù.
±×·¡¼ ¾î·´Ü ¸»Àΰ¡? ÀÏ´Ü À§¿¡¼ Á¦°øµÈ 3°³ÀÇ °´Ã¼´Â ¸ðµÎ document°´Ã¼ÀÇ ÇÏÀ§ °´Ã¼µéÀÌ´Ù.
Áï, °¢ °´Ã¼´Â ´ÙÀ½°ú °°ÀÌ Á¢±ÙÇÒ ¼ö ÀÖ´Ù.
- tag : document.tags.H1, document.tags.P,....
- class : document.classes.left...
- id : document.ids.p1, .....
Áï, ÀÌ·¸°Ô À§¿Í°°ÀÌ Á¢±ÙÇØ¼ ¼Ó¼ºÀ» ¹Ù²Ù¸é µÇ´Â °ÍÀÌ´Ù. ¾ÆÁÖ ½±´Ù.
- Last Update : 2001.6.29 by Deadfire(http://www.deadfire.net)
|