070-8260-2526

ÆòÀÏ ¿ÀÀü 9½Ã ~ ¿ÀÈÄ 6½Ã
´ÜÀ§³óÇù

352-0331-1626-83

¿¹±ÝÁÖ:°­¸¸¼öÅ×Å©³ÝÄÚ¸®¾Æ


ÀÚÁÖ¹¯´Â Áú¹®
Ȩ > °í°´¼¾ÅÍ > ÀÚÁÖ¹¯´Â Áú¹®

Á¶È¸¼ö 6811
Áú¹® css ÆÄÀÏ»ç¿ë¹ý

CSS ÆÄÀÏÀ̶õ?


¸¸¾à ÀÚ½ÅÀÇ »çÀÌÆ®¿¡ .html / .htm ¹®¼­°¡ ¼ö¹é °³ ÀÖ°í, ±× ¸ðµç ÆÄÀÏ¿¡¼­ body { background-color:white; } ÀÌ·± ½ºÅ¸ÀÏÀÌ Ç×»ó »ç¿ëµÈ´Ù¸é, ½ºÅ¸Àϸ¸À» º°µµÀÇ ÆÄÀÏ·Î ºÐ¸®ÇÏ´Â °ÍÀÌ ÁÁÀ» °ÍÀÔ´Ï´Ù. ±×·¯¸é À¥¹®¼­ÀÇ ºÐ·®µµ ÀÛ¾ÆÁö°í, ¶ÇÇÑ "½ºÅ¸ÀÏ ÆÄÀÏ"¸¸À» °íÄ¡¸é, ¼ö¹é °³ÀÇ html ÆÄÀÏÀÇ ½ºÅ¸ÀÏÀ» ÇѲ¨¹ø¿¡ °íÄ¥ ¼ö ÀÖ´Â ÀÌÁ¡ÀÌ ÀÖ½À´Ï´Ù.


À§ÀÇ ¿¹Á¦¿¡¼­ ½ºÅ¸ÀÏ Á¤ÀÇ ºÎºÐ¸¸À»
common.css

body { background-color:white; }
.test { font-style:italic; color:red; }

ÀÌ·± ÆÄÀÏ·Î ÀúÀåÇÑ °ÍÀÌ, "CSS ÆÄÀÏ"ÀÔ´Ï´Ù.


±×·± ÈÄ, °¢ HTML ÆÄÀÏ¿¡¼­, ´ÙÀ½°ú °°ÀÌ common.css ÆÄÀÏÀ» ºÒ·¯¼­ »ç¿ëÇÏ¸é µÇ°ÚÁö¿ä.

<html>
<head>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
...ÀÌÇÏ »ý·«...


ÀÌÁ¦ common.css ¶ó´Â ÀÛÀº ÆÄÀÏ Çϳª¸¸ ¼öÁ¤Çϸé, ¼ö¹é ¼öõ¸¸ °³ÀÇ HTML ÆÄÀÏÀÇ ½ºÅ¸ÀÏÀÌ ÀÚµ¿À¸·Î ÇѲ¨¹ø¿¡ º¯°æµË´Ï´Ù.