4. JSSS


4.2 JSSS¿Í CSS°£ÀÇ ºñ±³

  CSS·Î ÀÛ¼ºµÈ ¹®¼­´Â JSSS·Î ´ëºÎºÐ ¶È°°ÀÌ Ç¥ÇöÇÒ ¼ö ÀÖ´Ù. µÑ´Ù °¢°¢ Àå´ÜÁ¡ÀÌ Àֱ⠶§¹®ÀÌ ¾î´À°ÍÀÌ ´õ ÁÁÀº ¹æ½ÄÀ̶ó°í ¸»Çϱâ´Â ¾î·Á¿ì³ª, ÇöÀç·Î¼± CSS¸¦ ¹è¿öµÎ´Â °ÍÀÌ ´õ ÁÁÀ» µíÇÏ´Ù. ¿Ö³ÄÇÏ¸é µÎ ºê¶ó¿ìÀú¿¡¼­ ´Ù ÀÛµ¿ÇÏ´Â°Ô CSSÀÌ°í JSSS´Â ³×ºñ°ÔÀÌÅÍ¿¡¼­¸¸ ÀÛµ¿ÀÌ µÇ±â ¶§¹®ÀÌ´Ù.

  ´ÙÀ½Àº µ¿ÀÏÇÑ ¸ð¾çÀ» CSS¿Í JSSS·Î ÀÛ¼ºÇغ» °ÍÀÌ´Ù. ¹°·Ð CSSÀÇ °æ¿ì´Â Explorer¿¡¼­, JSSS´Â ³×ºñ°ÔÀÌÅÍ¿¡¼­ ºÁ¾ß¸¸ ÇÑ´Ù.

CSS·Î ÀÛ¼ºµÈ ¹®¼­Explorer <HTML>
<HEAD>
<TITLE>CSS Style</TITLE>
</HEAD>
<STYLE type="text/CSS"><!--
BODY {margin-left: 0.75in; margin-right: 0.75in; margin-top: 0.10in}
H1, H2 {font: verdana, helvetica, arial, san-serif normal}
H1 {font-size:18pt; text-align:left}
H2 {font-size:14pt; text-align:right}
P {font:garamond 12pt/11pt normal}
P.left {text-align:left}
P.right {text-align:right}
A {text-decoration: none; font-weight: bold}
--></STYLE>

<BODY bgcolor="#ffffff">
<H1>H1 ¹®ÀåÀÔ´Ï´Ù.</H1>
<P>óÀ½ ¹®ÀåÀ¸·Î ´ÙÀ½ <A href="test.html" title="test">
¿¬°á</A> À» ´©¸£¸é test.html·Î À̵¿ÇÕ´Ï´Ù.</P>
<H2>H2¹®ÀåÀÔ´Ï´Ù.</H2>
<P>µÎ¹ø° ¹®ÀåÀ¸·Î ´ÙÀ½ <A href="test.html" title="test">¿¬°á</A> À» ´©¸£¸é test.html·Î À̵¿.</P>
</BODY>
</HTML>
JSSS·Î º¯È¯ÇÑ ¹®¼­ Netscape <HTML>
<HEAD>
<TITLE>JSSS Style</TITLE>
</HEAD>
<STYLE type="text/javascript"><!--
with (tags.BODY) {
   marginLeft = ".75";
   marginRight = ".75";
   marginTop = ".10";
}
function eval_Heading(thisTag) {
   thisTag.fontFamily = "verdana, helvetica, arial, sans-serif";
   if (thisTag == tags.H1) {
      thisTag.fontSize="18pt"; }
   else
      if (thisTag == tags.H2) {
         thisTag.fontSize="14pt"; }
}
tags.H1.apply = eval_Heading(tags.H1);
tags.H2.apply = eval_Heading(tags.H2);
with (tags.P) {
   fontFamily = "garamond, serif";
   fontSize = "12pt";
}
classes.left.all.textAlign = "left";
classes.right.all.textAlign = "right";
with (tags.A) {
   textDecoration = "none";
   fontWeight = "bold";
}
// --></STYLE>

<BODY bgcolor="white">
<H1 class="left">H1¹®ÀåÀÔ´Ï´Ù.</H1>
<P class="left">´ÙÀ½ÀÇ <A href="test.html" title="test">
¿¬°á</A> À» ´©¸£¸é test.html·Î À̵¿ÇÕ´Ï´Ù.</P>

<H2 class="right">H2¹®ÀåÀÔ´Ï´Ù.</H2>
<P class="right">µÎ¹ø° ¹®ÀåÀ¸·Î ´ÙÀ½ÀÇ <A href="test.html" title="test">¿¬°á</A> À» ´©¸£¸é test.html·Î À̵¿ÇÕ´Ï´Ù.</P>
</BODY>
</HTML>


  ºÁ¼­ ¾Ë°ÚÁö¸¸, ¾Æ¹«·¡µµ Netscape¿¡¼­ JSSS¸¦ ÀÌ¿ëÇÏ´Â °ÍÀº ¹«¸®´Ù. ÄÚµù·®ºÎÅÍ ¸¹Àº µ¥´Ù°¡, ÀÌÇØÇϱⰡ ³­ÇØÇؼ­, ÀÏ¹Ý µðÀÚÀ̳ʵéÀÌ ±¸ÇöÇϱ⿡´Â ¹÷Âù ºÎºÐÀÌ´Ù.

- 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