Ȩ>ÄÄÇ»ÅÍÀ̾߱â
logo_01.gif


TOTAL ARTICLE : 36, TOTAL PAGE : 1 / 2
±¸ºÐ À¥ÀÏ¹Ý | ű×-¼Ò½º | Á¦·Îº¸µå | ±×´©º¸µå |
ű×-¼Ò½º : Style sheet »ç¿ë¹ý
 ¿À¿¹    | 2006¡¤04¡¤15 16:05 | HIT : 1,697 | VOTE : 67
½ºÅ¸ÀÏ ½ÃÆ®(style sheet)¶õ HTML ¹®¼­³»¿¡ ¼­Ã¼ÀÇ Á¾·ù, Å©±â, »ö, ¿©¹é µîÀ» ÁöÁ¤ÇØ ÁÖ¾î, »ç¿ëÀÚÀÇ web browserȯ°æ¿¡ »ó°ü¾øÀÌ ÀÏÁ¤ÇÑ È­¸éÀ» º¸¿©ÁÖ´Â ±â´ÉÀ» ¸»ÇÕ´Ï´Ù. ½ºÅ¸ÀÏ ½ÃÆ®´Â MS internet explorer 3.0ÀÌ»ó, Netscape 4.0 ÀÌ»óÀÇ web browser¿¡¼­ Áö¿øµË´Ï´Ù.

½ºÅ¸ÀÏ ½ÃÆ®¸¦ HTML ¹®¼­³»¿¡ »ðÀÔÇÏ´Â ¹æ¹ý



Style Sheet »ç¿ë¹ý






............
............


½ºÅ¸ÀÏ ½ÃÆ® È­ÀÏÀ» HTML ¹®¼­¿Í ¿¬°áÇÏ´Â ¹æ¹ý



Style Sheet »ç¿ë¹ý




............
............



ÆùÆ® °ü·Ã ¼Ó¼º

font-family
°ª fonts Æú´õ¿¡ ÀÖ´Â ÆùÆ® À̸§
¼³¸í È­¸é¿¡ ³ªÅ¸³ª´Â ±Û¾¾ÀÇ Á¾·ù¸¦ ¼³Á¤ÇÒ ¶§ ¾²ÀδÙ. ½Ã½ºÅÛ¿¡ ÀÖ´Â ÆùÆ® À̸§ Áß Çϳª¸¦ »ç¿ëÇÏ¸é µÈ´Ù.
¿¹Á¦ P {font-family: Courier New}
±âŸ ¸¸ÀÏ À©µµ¿ì ½Ã½ºÅÛ¿¡ ±¼¸²Ã¼°¡ ¾ø´Ù¸é Arial·Î ´ëüÇ϶ó´Â Àǹ̷Π´ÙÀ½°ú °°ÀÌ »ç¿ëÇÒ ¼öµµ ÀÖ´Ù. Âü°í·Î, ÀÌ°ÍÀº Á¦ÀÛÀÚÀÇ ½Ã½ºÅÛ¿¡´Â ÇØ´ç ÆùÆ®°¡ ÀÖÀ¸³ª, ´Ù¸¥ »ç¶÷µéÀÇ ÄÄÇ»ÅÍ¿¡´Â ÆùÆ®°¡ ¾øÀ» ¶§ ¾ÆÁÖ À¯¿ëÇÏ°Ô ¾²ÀδÙ.
P {font-family: ±¼¸², Arial}

font-style
°ª normal, italic, oblique
¼³¸í È­¸é¿¡ ³ªÅ¸³ª´Â ±Û¾¾ÀÇ ¸ð¾çÀ» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ H1 {font-style: italic}

font-weight
°ª normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
¼³¸í ±Û¾¾ÀÇ ±½±â¸¦ ¼³Á¤ÇÑ´Ù. ÀϹÝÀûÀÎ ÆùÆ®´Â normal ¶Ç´Â bold¸¸À» Áö¿øÇÑ´Ù°í »ý°¢ÇÏ¸é µÈ´Ù.
¿¹Á¦ H2 {font-weight: bold}

font-size
°ª Àý´ë°ª: Æ÷ÀÎÆ®(pt), ¼¾Æ¼¹ÌÅÍ(cm), Çȼ¿(px), ÀÎÄ¡(in)
»ó´ë°ª: larger, smaller, ÆÛ¼¾Æ®°ª µî
¼³¸í ±Û¾¾ÀÇ Å©±â¸¦ ¼³Á¤ÇÑ´Ù.
¿¹Á¦ H3 {font-size: 9pt}


»ö±ò°ú ¹é±×¶ó¿îµå °ü·Ã ¼Ó¼º

color
°ª »ö±ò À̸§, RGB°ª
¼³¸í ±Û¾¾ÀÇ »ö±òÀ» ¼³Á¤ÇÑ´Ù. RGB°ªÀ» ±×´ë·Î »ç¿ëÇÒ ¼öµµ ÀÖ°í, ½ÊÁø¼ö·Îµµ »ç¿ëÇÒ ¼ö ÀÖ´Ù. ¶Ç´Â »ö±òÀÇ °íÀ¯ À̸§À¸·Îµµ »ç¿ëÇÒ ¼ö ÀÖ´Ù.
¿¹Á¦ EM {color: red}
EM {color: rgb(256,0,0)}

background
°ª transparent, »ö±ò À̸§, URL, RGB°ª µî
¼³¸í ¹é±×¶ó¿îµå »ö±ò ¶Ç´Â ¹é±×¶ó¿îµå À̹ÌÁö¸¦ ¼³Á¤ÇÑ´Ù.
¿¹Á¦ P {background: transparent}
BODY {background: red}
BODY {background: url(pcline.gif)}


ÅؽºÆ® ¹®ÀÚ °ü·Ã ¼Ó¼º

word-spacing
°ª normal, ±æÀÌ
¼³¸í ´Ü¾î¿Í ´Ü¾î »çÀÌÀÇ °ø°£À» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ H1 {word-spacing: 0.4cm}

letter-spacing
°ª normal, ±æÀÌ
¼³¸í ±ÛÀÚ¿Í ±ÛÀÚ »çÀÌÀÇ °ø°£À» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ H1 {letter-spacing: 0.4cm}

text-decoration
°ª none, underline, overline, line-through, blink
¼³¸í ±ÛÀÚ ¶Ç´Â ¹®ÀÚ¿­ÀÇ ¼Ó¼ºÀ» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ A:link {text-decoration: none}

text-indent
°ª ±æÀÌ, ÆÛ¼¾Æ®°ª
¼³¸í µé¿©¾²±â¸¦ ¼³Á¤ÇÑ´Ù.
¿¹Á¦ P {text-indent: 3cm}

line-height
°ª ¼ýÀÚ, ±æÀÌ, ÆÛ¼¾Æ®°ª
¼³¸í Çà°£À» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ DIV {line-height: 1.2cm}


¹Ú½º(·¹À̾ƿô) °ü·Ã ¼Ó¼º

margin-top, margin-right, margin-bottom, margin-left, margin
°ª ±æÀÌ, ÆÛ¼¾Æ®°ª, auto
¼³¸í ÇØ´çÇÏ´Â ³»¿ëÀÇ À§, ¿À¸¥ÂÊ, ¾Æ·¡ÂÊ, ¿ÞÂÊ µîÀÇ ¿©¹éÀ» ¼³Á¤ÇÑ´Ù.
¿¹Á¦ BODY {margin-left: 3cm}
±âŸ ¿©¹é ¼Ó¼ºÀ» »óÇÏÁ¿ì·Î ¼³Á¤ÇØ ÁÙ ¼öµµ ÀÖÁö¸¸, À§ÀÇ ¿¹Á¦Ã³·³ marginÀ̶ó´Â ÇϳªÀÇ À̸§À¸·Î ¹­¾î¼­ ¼³Á¤ÇÒ ¼ö ÀÖ´Ù. À̶§ ¼Ó¼º°ªÀº ³×°³¸¦ °¡Áö´Âµ¥, ¼ø¼­´Â top, right, bottom, leftÀÇ ¼ø¼­ÀÌ´Ù. ¸¸ÀÏ ¼Ó¼º°ªÀÌ Çϳª¶ó¸é »óÇÏÁ¿츦 ¸ðµÎ ÇØ´ç °ªÀ¸·Î ¼³Á¤ÇÏ°í, ¼Ó¼º°ªÀÌ µÎ°³¶ó¸é ù¹ø° °ªÀº top°ú bottom, µÎ¹ø° °ªÀº right¿Í leftÀÇ °ªÀÌ µÈ´Ù.
BODY {margin: 1cm 2cm 3cm 4cm}
¼£·Ò~
³­! ÀÚÀ¯ÀÎ...
  
36 ű×-¼Ò½º   Å±װ¡ Àû¿ëµÇÁö ¾Ê°Ô ÇÏ´Â ÅÂ±×  ¿À¿¹ 18¡¤01¡¤10 236 22
35 ű×-¼Ò½º   video ÅÂ±×  ¿À¿¹ 14¡¤06¡¤19 772 32
34 ű×-¼Ò½º   Ç÷¡½Ã¿¡ ·¹À̾îâ À§·Î ¿Ã¶ó¿À°Ô ÇÏ±â  ¿À¿¹ 11¡¤10¡¤04 1106 44
33 ű×-¼Ò½º   Ç÷¡½Ã objectű×(¹è°æ Åõ¸í)  ¿À¿¹ 11¡¤08¡¤22 1349 45
32 ű×-¼Ò½º   À̹ÌÁö¸Ê¿¡¼­ ·Ñ¿À¹ö ¸¸µé±â  ¿À¿¹ 11¡¤07¡¤31 1513 51
ű×-¼Ò½º   Style sheet »ç¿ë¹ý  ¿À¿¹ 06¡¤04¡¤15 1697 67
30 ű×-¼Ò½º   input type Á¤·Ä  ¿À¿¹ 07¡¤05¡¤03 1877 73
29 ű×-¼Ò½º   È¨ÆäÀÌÁö Á¦À۽à »ç¿ëµÇ´Â ½ºÅ¸ÀϽÃÆ®(CSS) Á¤¸®  ¿À¿¹ 06¡¤07¡¤13 1879 74
28 ű×-¼Ò½º   ¸µÅ©·Î µµ±¸¸ðÀ½ ¾ø´Â »õâ ¶ç¿ì±â  ¿À¿¹ 06¡¤11¡¤28 1890 80
27 ű×-¼Ò½º   ¿À´Ã ÇÏ·ç ÀÌ Ã¢À» ¿­Áö ¾Ê½À´Ï´Ù  ¿À¿¹ 05¡¤10¡¤19 1902 73
26 ű×-¼Ò½º   [java]¸¶¿ì½º ¿À¸¥ÂʹöÆ° ¹ÝÀÀ¾ø°Ô (¼Ò½ºº¸±â±ÝÁö)  ¿À¿¹(ÁåÀå) 04¡¤05¡¤04 2004 136
25 ű×-¼Ò½º   ½ºÅ©·Ñ¹Ù »ö»ó¹Ù²Ù±â  ¿À¿¹ 05¡¤02¡¤02 2022 141
24 ű×-¼Ò½º   [css]½ºÅ©·Ñ¹Ù »ö ¹Ù²Ù±â  ¿À¿¹(ÁåÀå) 04¡¤05¡¤04 2052 138
23 ű×-¼Ò½º   Àμâ¹öÆ° ´©¸£¸é Ãâ·ÂÇÏ´Â ¼Ò½º  ¿À¿¹ 08¡¤07¡¤11 2097 104
22 ű×-¼Ò½º   D-day ±¸ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®  ¿À¿¹ 07¡¤03¡¤29 2103 72
21 ű×-¼Ò½º   [ű×]¼Ò½ºº¸±â ¸·±â ¸ðÀ½  ¿À¿¹ 05¡¤05¡¤04 2125 103
20 ű×-¼Ò½º   [ű×]¼Ò½ºº¸±â ¸·±â °­Á  ¿À¿¹ 05¡¤05¡¤04 2134 106
19 ű×-¼Ò½º   divÅÂ±× ÁÙ¹Ù²Þ ¾ÈµÇ°Ô ÇÏ´Â ¹æ¹ý  ¿À¿¹ 07¡¤05¡¤03 2145 58
18 ű×-¼Ò½º   [java]¼Ò½ºº¸±â ±ÝÁöµÈ°÷ ¼Ò½ºº¸±â  ¿À¿¹(ÁåÀå) 04¡¤05¡¤04 2154 151
17 ű×-¼Ò½º   [ű×]object ű×(iframe ´ë½Å »ç¿ë) 2  ¿À¿¹ 04¡¤12¡¤31 2184 113
12
Copyright 1999-2024 Zeroboard / skin by GGAMBO