3. CSS ±×·ìÇÎ


3.1 ½ºÅ¸ÀÏ ½ÃÆ® ±×·ì

  ¿©·¯ ¼Ó¼ºµéÀÌ Á¸ÀçÇÏÁö¸¸, °¢ Tag¸¶´Ù ±×·¯ÇÑ ¼Ó¼ºÀ» ÀÏÀÏÀÌ ÁöÁ¤ÇϱⰡ ½±Áö ¾Ê´Ù. ÀÌ·¸¶§, µ¿ÀÏÇÑ ¼Ó¼ºÀ» ±×·ìÀ¸·Î ÇѲ¨¹ø¿¡ ÁöÁ¤ÇÒ ¼ö°¡ ÀÖ´Ù. ¹°·Ð, ±×¿ÜÀÇ °³º°¼Ó¼ºÀº º°µµ·Î ÁöÁ¤ÇÏ¸é µÈ´Ù.

¿¹)
H1, H2, H3 {font-family: arial; color: #FFFFFF}
H1 {font-size: 100pt}
H2 {font-size: 80pt}
H3 {font-size: 50pt}

  BODYÀÇ °æ¿ì ÁöÁ¤ÇÒ ¼ö ÀÖ´Â ¸¹Àº ¼Ó¼ºµéÀÌ Àִµ¥, ´ÙÀ½°ú °°ÀÌ »ç¿ëÇÏ´Â °Íµµ °¡´ÉÇÏ´Ù.
¿¹)
BODY { font: bold 12pt/14pt arial, san-serif}
: font-size°¡ 12ptÀÌ°í, line-height°¡ 14ptÀÌ´Ù.
BODY { margin: .10in .75in .75in}
: top ¿©¹é .10, right, left¼øÀÌ´Ù.

  background¼Ó¼ºÀ» ¹­¾î¼­ ÁöÁ¤Çϸé,
¿¹)
P {background: black url(go.gif) repeat-y fixed right top}

3.2 Ŭ·¡½º

  ½±°Ô ¸»ÇÏÀÚ¸é P¶ó´Â Tag¿¡ Á·ΠÁ¤·ÄÇÏ°Ô ÇÏ°í µ¿½Ã¿¡ ´Ù¸¥ ºÎºÐ¿¡¼­´Â ¿ì·Î Á¤·²ÇÏ°Ô ÇÏ°í ½ÍÀº °æ¿ì¿¡ ÁÁÀº ¹æ¹ýÀÌ´Ù. ¿¹¸¦ º¸¸é ½±°Ô ¾Ë ¼ö ÀÖ´Ù.

¿¹)
P.left {font-family: garamond; text-align: left}
P.right {font-family: garamond; text-align: right}


»ç¿ë¹æ¹ý)
<P class="left">¿ÞÂÊÀ¸·Î Á¤·ÄµÈ´Ù.</P>
<P class="right">¿À¸¥ÂÊÀ¸·Î Á¤·ÄµÈ´Ù.</P>
  ÀÌ·¸°Ô Çؼ­ STYLE Tag¾È¿¡ µé¾î°¡´Â ¸ðµç ¼Ó¼ºµé°ú ±×ÀÇ »ç¿ë¹ýÀ» ¹è¿ü´Ù. ÇѲ¨¹ø¿¡ ³Ê¹«¸¹Àº °ÍÀ» ¹è¿ö¼­ Á¤½Å¾øÀ» °ÍÀÌ´Ï, Â÷±ÙÂ÷±Ù ´Ù½Ã Àо°í ½Ç½ÀÇغ¸¶ó. ½Ç½ÀÀÌ °¡ÀåÅ« ½º½ÂÀÌ´Ù!

  Âü, ´Ù½ÃÇѹø ¸»ÇÏÁö¸¸ STYLE¿¡ ´ëÇØ ¹ÝÀÀÇÒ ¼ö ÀÖ´Â ºê¶ó¿ìÀú´Â ³×ºñ°ÔÀÌÅÍ 4.0ÀÌ»ó°ú ÀͽºÇ÷η¯ 4.0ÀÌ»óÀÓÀ» »ó±âÇÏÀÚ.

3.3 »ç¿ëÀÚ ÁöÁ¤ ½ºÅ¸ÀÏ

  À§¿¡¼­´Â CLASS³ª ±×·ìÀ» ÅëÇؼ­ ÀÌ¹Ì Á¸ÀçÇÏ´Â Tagµé¿¡ ´ëÇؼ­¸¸ StyleÀ» ÁöÁ¤Çß´Ù. ±×·¯³ª, »ç¿ëÀÚ°¡ º°µµÀÇ StyleÀ» Á¤ÀÇÇÏ°í À̸¦ ÀÌ¿ëÇÏ¿© HTML¹®¼­¸¦ ±¸¼ºÇÒ ¼öµµ ÀÖ´Ù.

<STYLE>
.deadfire
{
  FONT: 12pt ±¼¸²;
  FONT-WEIGHT: bold;
  COLOR: #333333
}
</STYLE>
<SPAN CLASS="deadfire">Ŭ·¡½º </SPAN>s


* À§¿Í °°ÀÌ .title·Î Á¸ÀçÇÏÁö ¾Ê´Â Tag¿¡ ´ëÇÑ ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÏ°í, CLASS¼Ó¼ºÀ» ÀÌ¿ëÇÏ¿©, HTMLÀÇ ¿ä¼Ò¿¡ Àû¿ë½Ãų ¼ö ÀÖ´Ù.

    ÇöÀç ÆäÀÌÁöÀÇ CSS   ÇöÀç º¸°íÀÖ´Â »çÀÌÆ®¿¡ ´ëÇÑ FontÀÇ CSS ÆÄÀÏÀº ´ÙÀ½¿¡ ÀÖ´Ù. (textÆÄÀÏÀ̹ǷΠºê¶ó¿ìÀú ¿­¸±°ÍÀÌ´Ù.)

         Font Css.txt

- 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