<DIV>, <SPAN>
../

<DIV>ÅÃÀº <P>, <H>, <B> °°Àº ´Ù¸¥ ÅÃÀ» ¿©·¯°³ Æ÷ÇÔÇÒ ¼ö ÀÖ´Â block element ÀÔ´Ï´Ù. <SPAN> ÅÃÀº inline element·Î <DIV> Åà ó·³ ¿©·¯°³ÀÇ ´Ù¸¥ element¸¦ Æ÷ÇÔÇÒ ¼ö ÀÖÁö¸¸ <DIV> ÅÃÀÌ Åà ¾Õ°ú µÚ¿¡¼­ ÁٳѱèÀ» ÇÏ´Â ¹Ý¸é¿¡ À̰ÍÀº ÁٳѱèÀ» ÇÏÁö ¾Ê½À´Ï´Ù. ÀÌ ÁٳѱèÀÇ Â÷À̰¡ <div>, <span> ÅÃÀÇ Â÷ÀÌÀÌ°í ³ª¸ÓÁö ¿ëµµ´Â °°½À´Ï´Ù.

ÀÌ µÎ°³ÀÇ ÅÃÀº CSS »ç¿ë¿¡¼­ ´Ù¸¥ Åú¸´Ùµµ À¯¿ëÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ÅÃÀÇ ¿ëµµ°¡ ´Ü¼øÈ÷ ´Ù¸¥ ¿©·¯°³ÀÇ ÅÃÀ» °¡Áú¼ö ÀÖ´Â ÅÃÀ̱⠶§¹®¿¡ styleÀ» »ç¿ëÇϸ鼭 styleÀ» Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¿ÍÀÇ È£È¯¼ºÀÖ´Â ÆäÀÌÁö ÀÛ¼ºÀ» °¡´ÉÇÏ°Ô ÇÕ´Ï´Ù. ±×¸®°í ÀϹÝÀûÀÎ ´Ù¸¥ ÅÃÀº Åà ÀÚüÀÇ ±¸¹®À» °¡Áö°í ÀÖ½À´Ï´Ù. ÇÏÁö¸¸, spanÀ̳ª div´Â ÀÚüÀÇ ¾î¶² ±â´Éµµ ¾ø½À´Ï´Ù. ±×·¡¼­ styleÀ» ÁöÁ¤½Ã ÁöÁ¤ÇÑ °Í¸¸ µè½À´Ï´Ù. <em> Åÿ¡ styleÀ» ÁöÁ¤½Ã ÁöÁ¤ÇÑ style¿Ü¿¡µµ ±ÛÀÚ¸¦ ÀÌÅÚ¸¯Ã¼·Î ¸¸µéÁö¸¸ span, div´Â ¾î¶°ÇÑ ±â´Éµµ ¾ø±â ¶§¹®¿¡ styleÀ» ´Ù·ç´Âµ¥ Æí¸®ÇÕ´Ï´Ù.

<div style="font-size:12pt; color:red">div ÅÃÀÔ´Ï´Ù.</div>
À§ÀÇ ±¸¹®Àº css¸¦ Áö¿øÇÏ´Â nn4, ie4·Î ÀÐÀ¸¸é ±ÛÀÚÀÇ Å©±â°¡ 12ptÀÌ°í »¡°£»öÀÇ ±ÛÀÚµéÀ» ÆäÀÌÁö¿¡ Ãâ·ÂÇÕ´Ï´Ù. ÇÏÁö¸¸, styleÀ» Áö¿øÇÏÁö ¾Ê´Â nn3 °°Àº °æ¿ì´Â ´Ü¼øÈ÷ "div ÅÃÀÔ´Ï´Ù." ¶ó´Â ±ÛÀÚ¸¦ ÆäÀÌÁö¿¡ Ãâ·ÂÇÕ´Ï´Ù.
 .bluebold {color: blue; font-weight: bold; font-style: italic }
 
<DIV class="bluebold">
	<H1>...text...</H1>
	<SPAN>...text...</SPAN>
</DIV>
·Î <div> Åà ¾ÈÀÇ <H1>, <SPAN> Åÿ¡°Ô ÀϰýÀûÀ¸·Î styleÀ» ÁöÁ¤ÇÕ´Ï´Ù. <H1>, <SPAN> ÅÃÀÌ °¡Áö°í ÀÖ´Â ¸ðµç ±ÛÀÚµéÀ» ÀÌÅŸ¯Ã¼ÀÇ ±½Àº ÆÄ¶õ»ö ±ÛÀÚµé·Î ¸¸µì´Ï´Ù.

ÀÌ 2°³ÀÇ ÅÃÀ¸·Îµµ ÆäÀÌÁö¸¦ ÃæºÐÈ÷ ¸¸µé ¼ö ÀÖ½À´Ï´Ù. CSSÀÇ Áö¿øÀÌ ¿ÏÀüÇÏ´Ù¸é À̶ó´Â ÀüÁ¦°¡ ºÙÁö¸¸ ÀÌ·ÐÀûÀ¸·Î´Â °¡´ÉÇÕ´Ï´Ù. block Åÿ¡ Àû¿ë °¡´ÉÇÑ styleÀº <DIV>Åÿ¡ ÁöÁ¤Çϰí inline Åÿ¡ Àû¿ëÇØ¾ß ÇÏ´Â styleÀº <SPAN> Åÿ¡ ÁöÁ¤ÇÏ¸é ¸ðµç CSS2 À» »ç¿ëÇÒ ¼ö Àֱ⠶§¹®ÀÔ´Ï´Ù.

inline ÅÃÀº <B>, <SPAN> Åà ó·³ ÅÃÀÇ ¾çÂÊ¿¡ ÁٳѱèÀ» ÇÏÁö ¾Ê´Â ÅÃÀ» ¸»ÇÕ´Ï´Ù. block ÅÃÀº ÁٳѱèÀ» ÇÏ´Â ÅÃÀÔ´Ï´Ù. <TABLE>, <DIV>, <P> µîÀÔ´Ï´Ù.

°¢ style ¿ä¼Ò´Â ÁöÁ¤ÇÒ ¼ö ÀÖ´Â ÅÃÀÌ Á¤ÇØÁ® ÀÖ½À´Ï´Ù. overflow°°Àº °æ¿ì´Â block Åÿ¡¸¸ ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù. ±×·¡¼­ inlineÅÿ¡ ÁöÁ¤Çϸé ÀüÇô È¿°ú°¡ ³ªÁö ¾Ê½À´Ï´Ù.

CSS2¿¡¼­´Â CSS1¿¡¼­ inline, block À¸·Î ÀÛµ¿ÇÏ´Â styleÀÌ Á¶±Ý ´Þ¶óÁ³½À´Ï´Ù. borderÀÇ °æ¿ì css1¿¡¼­´Â block¿¡ Àû¿ëÀÌ µÇÁö¸¸ css2¿¡¼­´Â inline, block ´Ù ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù. ¾Æ·¡´Â HTML4¿¡¼­ block ÅÃÀÇ Á¾·ùÀÔ´Ï´Ù.

Block ÅÃ : ADDRESS BLOCKQUOTE BODY DD DIV DL DT FIELDSET FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 IFRAME NOSCRIPT NOFRAMES OBJECT OL P UL APPLET CENTER DIR HR MENU PRE LI TABLE TR THEAD TBODY TFOOT COL COLGROUP TD TH CAPTION

Inline ÅÃ: block Åà ¿ÜÀÇ ¸ðµç ÅÃÀÔ´Ï´Ù. ¿¹¸¦µé¸é EM, I, B, U, BIG, SMALL, SUB, SUP, A, IMG, SPAN, INPUT, SELECT, TEXTAREA °°Àº ÅõéÀÔ´Ï´Ù.

INS, DELÀº »ç¿ëÇÏ´Â ½Ä¿¡ µû¶ó¼­ block, inline µÑ´Ù µÉ ¼ö ÀÖ½À´Ï´Ù.




T O P