4. JSSS


  ³Ý½ºÄÉÀÌÇÁ 4.0À̻󿡼­´Â À§¿¡¼­ ¹è¿î STYLE Tag¸¦ »ç¿ëÇÏ¿© ¹®¼­ÀÇ ÇüŸ¦ ÁöÁ¤ÇÏ´Â ¹æ½Ä¿¡ ´ëÇÑ ¶Ç ´Ù¸¥ ¹æ½ÄÀ» Á¦°øÇϴµ¥ À̰ÍÀ» JSSS(JavaScript Style Sheet)¶ó°í ºÎ¸¥´Ù.

 ¶ÇÇÑ ±âÁ¸ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ¹®¹ýÀûÀ¸·Î´Â µ¿ÀÏÇÏÁö¸¸, <SCRIPT></SCRIPT>ºÎºÐ¿¡ ±¸ÇöÇÏ´Â °ÍÀÌ ¾Æ´Ï¶ó, <STYLE></STYLE>¶ó´Â ÅÂ±× ºÎºÐ¿¡ µé¾î°¡´Â °ÍÀÌ Â÷ÀÌÁ¡À̶ó¸é Â÷ÀÌÁ¡ÀÌ´Ù.( ÀͽºÇ÷η¯ÀÇ °æ¿ì 4.0ÀÌ»óÀÇ ºê¶ó¿ìÀú¿¡¼­ ÀϺΠÀÛµ¿µÇ´Â °Íµµ ÀÖ±â´Â ÇÏ´Ù. )

    JSSS¿Í CSS   STYLE Tag¿¡ ÀÇÇÑ ¹æ½Ä À̹ٷΠCSS(Cascading Style Sheet)ÀÌ´Ù. JSSS¶õ °ÍÀº CSS¿¡¼­ »ç¿ëÇÑ °¢Á¾ ¼Ó¼ºµé Áï, text-alignÀ̶õ ¼Ó¼ºÀÌ ÀÖÀ» ¶§, ÀÚ¹Ù½ºÅ©¸³Æ®¾È¿¡¼­ ÀÌ ¼Ó¼ºÀ» textAlignÀ̶ó·Î ºÎ¸£¸é¼­ °ª¿¡ Á¢±ÙÇÏ°Ô µÈ´Ù. À̶§ »ç¿ëµÇ´Â ¹®¹ýÀ» JSSS(JavaScript Style Sheet)¶ó°í ºÎ¸¥ °Í »ÓÀÌÁö, »ç¿ëÀÚ¿¡°Ô º¸¿©Áö´Â °ÍÀº µ¿ÀÏÇÏ´Ù.
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·Î À¯ÀÏÇÏ°Ô ±¸ºÐÇÒ ¼ö ÀÖ°Ô µÇ´Â °ÍÀÌ´Ù.

    class   Áö±Ý¼³¸íÇϰí ÀÖ´Â °³³äÀÌ DHTMLÀÇ Çٽɰ³³äÀÌ´Ù! Áï ¸ðµç Tag´Â ÇϳªÀÇ ¹®¼­¿¡ À¯ÀÏÇÑ À̸§ÀÎ ID¸¦ °¡Áö°í À־, ½ºÅ©¸³Æ®¿¡¼­ ÇØ´ç IDÀÇ ¼Ó¼ºÀ» ÀÚÀ¯·Ó°Ô ¹Ù²Ù¾îÁÙ ¼ö ÀÖ´Â °ÍÀÌ´Ù. ¶ÇÇÑ, class´Â ¼Ó¼ºÀ» ¹­¾î³õÀº ÇϳªÀÇ ÁýÇÕÀ¸·Î º¸¸é µÈ´Ù
  ±×·¡¼­ ¾î·´Ü ¸»Àΰ¡? ÀÏ´Ü À§¿¡¼­ Á¦°øµÈ 3°³ÀÇ °´Ã¼´Â ¸ðµÎ document°´Ã¼ÀÇ ÇÏÀ§ °´Ã¼µéÀÌ´Ù. Áï, °¢ °´Ã¼´Â ´ÙÀ½°ú °°ÀÌ Á¢±ÙÇÒ ¼ö ÀÖ´Ù.

  • tag : document.tags.H1, document.tags.P,....
  • class : document.classes.left...
  • id : document.ids.p1, .....
Áï, ÀÌ·¸°Ô À§¿Í°°ÀÌ Á¢±ÙÇØ¼­ ¼Ó¼ºÀ» ¹Ù²Ù¸é µÇ´Â °ÍÀÌ´Ù. ¾ÆÁÖ ½±´Ù.

    ºê¶ó¿ìÀú ¹öÀü   Áö±Ý ¼³¸íÇϰí ÀÖ´Â JSSS´Â ³Ý½ºÄÉÀÌÇÁ4.0 À̻󿡼­¸¸ ÀÛµ¿µÈ´Ù. ÀͽºÇ÷η¯ÀÇ ¿¹´Â µÚ¿¡¼­ ´Ù½Ã º¸°Ú´Ù.

- Last Update : 2001.6.29 by Deadfire(http://www.deadfire.net)

DHTML °­ÁÂ
DHTMLÀ̶õ?
CSS
     - CSSÁ¤Àǹæ¹ý
     - Àû¿ë¿ì¼±¼øÀ§
     - ÅØ½ºÆ®°ü·Ã¼Ó¼º
     - ÅØ½ºÆ®°£ÀǼ³Á¤
     - ¿©¹é ÁöÁ¤Çϱâ
     - Å׵θ®ÁöÁ¤Çϱâ
     - »ö»ó ÁöÁ¤Çϱâ
     - ±â Ÿ
CSS±×·ìÇÎ
     - ½ºÅ¸ÀÏ½ÃÆ®±×·ì
     - Ŭ·¡½º
     - »ç¿ëÀÚÁöÁ¤½ºÅ¸ÀÏ
JSSS
     - »õ·ÎÃß°¡µÈJSSS
     - JSSS¿ÍCSS
Layer
     - Layer TagÀÇ»ç¿ë
     - Layer ¼¼ºÎ»çÇ×
     - Explorer¿ëLayer
Javascript¿Í¿¬µ¿
µ¿ÀûÀÎ º¯È­
     - ÅØ½ºÆ®/À̹ÌÁöº¯È¯
     - À§Ä¡ À̵¿
µ¿Àû Å×À̺í
     - µ¿ÀûÅ×À̺í»ý¼º
     - µ¿ÀûÅ×À̺íÁ¤·Ä
±â Ÿ
     - Font Download
     - Filter
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master