ì¤í¼ì»¤ : ê·¸ê²ì HTMLì´ ìë ê²ì¼ë¡ ë°í ë¹ì ì´ ë´ë¶ì ì¬ì©í ììë ì ì¼í ì¸ì´ ì¹ íì´ì§. ë¹ì ì CSSë¼ë ê²ì ì¬ì©íê±°ë, ì ìºì¤ ì¼ì´ ë© ì¤íì¼ ìí¸ë¿ë§ ìëë¼. CSSë í¨ì¬ ë ì§ì í ì ììµëë¤ ì¹ì ì ë° ë¯¸í ë ì´ìì ë° í¬ê¸°ë¥¼ í¬í¨íì¬ íì´ì§ ë° ììê³¼ ê¸ê¼´ ë° í¨ì¬ ë. ì를 ë¤ì´, ì¹ íì´ì§ë¥¼ ìì±íëë¡ ë¥¼ ëíë
ëë¤ ì¬ê¸°ë¼ê³ css0ì ì¡´ íë²ë, ë§, ì© í íì´ì§.
ì´ íì´ì§ì, ì°ë¦¬ëê±°ì¼ ì¡´ íë²ëì ì´ë¦ì´ ë ê²ì´ë¤ ìëì 방문ì를ìí ì¢ì ë©ìì§, ìë ìë, ë°ë¥ ê¸ì´ ë ê²ì
ëë¤ ì¼ë¶ ì ìê¶ ì 보를 ë§íë¤. ì´ ìì
ì ìíí기 ìí´,ì´ ì¸ ë¶ë¬¸ì ì ì í ì í그를 ì¬ì©íì¬ íì´ì§ì ëí DIVíë¤. ì¤í ë¸ë¼ì¼ ì¬ì
ë¶, ì¡´ íë²ë, ê°ê¹ì´ ë¸ëí· ì¬ì
ë¶, ì´ë ¤ìë ë¤ë¥¸ ë¶ë¥ ì¬ì
ë¶, ì§ê¸ ì°ë¦¬ë 무ìì¸ê°ë¥¼ ì§ì í©ëë¤ ê°ì ë´ í íì´ì§ì ì¤ì ê²ì íìí©ëë¤! ë¿ë§ ìëë¼, ì´ì ì´ ì¬ì
ë¶ë¥¼ ë«ì ì ììµëë¤.
ê·¸ë¦¬ê³ ì§ê¸ ì¸ ë²ì§¸ì´ì ë§ì§ë§ DIV, ì ìê¶. ê·¸ë¥ ê³µìì¼ë¡, ë´ê° ì§ê¸ HTMLì ì¬ì©íì ìí°í° ëíë´ë ê¸°í¸ ë¬¸ì ë¹ì ì´ ê·¸ë ì§ ìì¼ë©´ ì ììë¤ í¤ë³´ëì ì
ë ¥í©ëë¤. í¹í, ë´ê° í ê±°ì¼ ì°í¼ìë, íì´ë, 169, ì¸ë¯¸ì½ë¡ . ê·¸ ì«ì ì½ëì
ëë¤ ë°í ì ìê¶ ê¸°í¸. ê·¸ë¼ ì¡´ íë²ëì ì§ì í ì ì¬ê¸°ì ë°ë¥ì. ìì´ ì¬ì
ë¶ë¥¼ ë«ê³ íì¼ì ì ì¥í ì ììµëë¤.
ì,ì´ div íê·¸ë 무ìì
ëê¹? div íê·¸ë ë¨ìí ë¶í ì ì ì 본ì§ì ì¼ë¡ íì´ì§ì ì¬ê°í ìì. ê·¸ëì ìê°ì´ ìê°ì, ëë 3ê° ì¬ê°í ìì, ìë¨ì íë ë¤ë¥¸. ê·¸ëì ì§ê¸ì í¨ê³¼ê° ê±°ì ê°ë¤ ëë ì¸ ë¨ë½ì ê°ì§ê³ ìì§ë§. ê·¸ë¬ë ì°ë¦¬ë 꽤 ë§ì´ ë³¼ ì ììµëë¤ ê·¸ë¤ ì¬ì´ì 공백ì
ëë¤.
ë³ê²½ìì´ íì¼ì ì ì¥í ìì ê¶í ë° ëí ì´í´ í¬ë¡¬ ìê°. chmod를 +ë CSS0.html rì. í¬ë¡¬ê³¼ 방문ì ì´ì´ ì§ê¸ìíì http://localhost.CSS0.html. ì¬ì¤, ì¬ê¸°ì í íì´ì§ì ì¡´ íë²ëíììì¤. ì ì§ê¸ì ì¡°ê¸ ë ê·¸ê²ì ììì ì¼ì¹íê² ì ííê² ì¼ë¶ CSS를 ì¬ì©íì¬.
ìë¡ì geditìììì´ë¡ ê°ì 첫 ë²ì§¸ div íê·¸ ë° ì¤íì¼ì ì¶ê° ë´ê° ì¢ìíë ê±°ë¼ê³ ì§ì ìì± í°í¸ ë§íìë©´, í¬ê¸°, 36 í½ì
ëë PX. ê·¸ë¦¬ê³ ì´ ê¸ê¼´ì 무ê²ë¥¼ ì¶ìµëë¤ ì¤íë ¤ ê¸°ë³¸ë³´ë¤ ëë´íë ¤ë©´, ì´ë ì ìì
ëë¤. ë ë²ì§¸ DIV를 ë¤ì´,ì´ ì§ì í ì ì ê°ì§ ë¤ë¥¸ ì¤íì¼ ìì± í°í¸ 24 íìì í¬ê¸°, ê·¸ëì ì¡°ê¸ ìì. ì¸ë¯¸ì½ë¡ í ë«ê¸° ë°ì´í.
ë§ì§ë§ì¼ë¡, ì¸ ë²ì§¸ ì¬ì
ë¶ìì í ì ìëë¡ ì¤íì¼ì ì¸ì©, ê¸ê¼´ í¬ê¸°ì ëì¼íê³ , ì 12 í½ì
ì´ ìê°ì ê°ì í´ ë´
ìë¤. ì¸ë¯¸ì½ë¡ í ë«ê¸° ì¸ì©. ë´ê° ê°ì§ê³ ìë ê² ê°ì ë¤ì주ì ì ëí ìììì ì§ì ë¹í¸ ì¬ì©ì´ ì¸ divì ê°ê° ê·¸ê²ì CSS를 ë°íì¡ìµëë¤. ì¬ì¤, ë¹ì ì´ìì ë³¼ ììë 구문 ê·¸ í° ë°ì´í ì¬ì´ì CSSì´ë©°, í¹í ìì±ì CSSë ê°. ê·¸ë¦¬ê³ ë´ê° ê°ì§ ê·¸ 첫 ë²ì§¸ íê·¸ì ëí ì´ë¬í ë ìì±, ê¸ê¼´ í¬ê¸° ë° ê¸ê¼´ ëê», ë¨ìí ë¶ë¦¬ ì¸ë¯¸ì½ë¡ ì¼ë¡.
ì´ì , ë¨ì§ ì¤íì¼ì ì´ìµì ìí´, I ë í¬í¨ ì¸ë¯¸ì½ë¡ ìì ê° ì¤ì ë. ê·¸ë¬ë ê·¸ë¤ì ë°ëì íìíì§ ìì, ë¹ì ì ë¨ì§ íëê° í¹í ìì±ì ì ì. ì ì§ê¸ íì¼ì ì ì¥íê³ ë¤ìí©ìë¤ í¬ë¡¬ìì, ê·¸ë¦¬ê³ ë¬´ììë³´ê³ ì í¨ê³¼ì
ëë¤. ìë¡ í¬ë¡¬ ì¬ê¸°ì, ìë ìë¡ ê³ ì¹¨ì í´ë¦ í ì ììµëë¤.
ì´ì ì°ë¦¬ë ì¢ ë í¥ë¯¸ë¥¼ ê°ì§ê³ ì¡´ì ëí í íì´ì§ íë²ëì ì´ì 첫 ë²ì§¸ ì¤ ê·¸ ìì ìì ì ì´ë¦, 첫 ë²ì§¸ ì¬ì
ë¶ë ëí 36 í½ì
ëì´ì´ê³ , êµµì, ì´ì ë ë²ì§¸ ì¤, ê·¸ ë ë²ì§¸ DIVììë 24ì
ëë¤ í¤ê° í°, ê·¸ë¬ë êµµì íì. ê·¸ë¦¬ê³ ì´ìì´ ì 3ì ì¸ ë²ì§¸ ì¤ ì¬ì
ë¶ë 12 í½ì
ëì´ì´ê³ , êµµì ììµëë¤. íì§ë§ ì§ê¸ì ê°ì ëë ì´ëíê³ ì¶ìµëë¤ ì´ìì´ í
ì¤í¸ì 모ë ì´ ì¤ì¬ì ìë¤ë ë±.
Ië ê°ê°ì ê°ì ë§ì¶ ì ì¤ì¬ëë ê²ì¼ë¡ div를. ê·¸ë¬ë ë ì½ê², ëë ê·¸ í¬ì¥ ì ë¤ ë²ì§¸ ì¬ì
ë¶ì ë´ë¶ì ì¸ ê°ì§ì div, ë¶ëª¨ DIV ë§íìë©´, ë° ì§ì ê·¸ í´ë¹ ì¬ì
ë¶ìì 모ë íìì´ì´ì¼íë¤ í
ì¤í¸ ì¤ì ì ë ¬? ì´ë ë³´ì.
geditììì ë´ë¶ìê° ëì ê°ì ë´ ëª¸ê³¼ í¨ê» ìë¡ì´ ì¬ì
ë¶ê¹ì§ ê°ê¸°ë¥¼ ì¶ê° DIV, ì¤íì¼ì ì¸ì©ì ë ë§ºë¤ ëì¼ í
ì¤í¸ ì ë ¬ ì¼í°, ê°ê¹ì´ ì¸ë¯¸ì½ë¡ í ì¸ì©. ê·¸ë¦¬ê³ ì§ê¸ì 모ë ì ë°© ë° ë¤ì¬ ì°ê¸° ê°ì ì°ë¦¬ê° ì´ì ì ì
ë ¥ ë ê·¸ ë¼ì¸ì. ê·¸ë¦¬ê³ ì¸ ë²ì§¸ DIV ìëìíì ì´ ìë¡ì´ ì¬ì
ë¶ë¥¼ ë«ìµëë¤.
ì¦, ë문ì ê·¸ ì¸ ìëì divë ì§ê¸ ìì´ë¤, ê·¸ëìì ì ë¶ëª¨ DIVì, ë§ìíê³ ëíìµëë¤ ë´ê° ì ë ¬íê³ ì¶ì ê²ì ì§ì ì¤ìììë ê·¸ ë¶ëª¨ DIVì í
ì¤í¸ íì´ì§ì í´ë¹ ìì±ì´ ë ê²ì
ëë¤ ê·¸ ìì´ë¤ë¡ ìì. ì¬ì¤ì íì¼ì ì ì¥íì ë¸ë¼ì°ì ìì ë´. ì í¬ë¡¬ì ë¤ì ë³´ì. ê·¸ë¦¬ê³ ê±°ê¸°ìì ì°ë¦¬ë, ì¬ì§ì´ ë ì¢ìê° ì¡´ íë²ë를ìí ííì´ì§.