CSS- ½ºÅ¸ÀϽÃÆ® ÆÄÀÏ ÁöÁ¤
<style type="text/css">
h1{
color:red;
font-face: arial;
}
</style>
</head>
<body>
<style>ű״ html ÀÌÁö css °¡ ¾Æ´Ï´Ù.
ÇÏÁö¸¸ ±× ű×ÀÇ ¿ªÇÒÀº ÅÂ±× ³»¿¡ ´ã±ä Á¤º¸°¡ html ÀÌ ¾Æ´Ñ css ÄÚµå¶ó´Â »ç½ÇÀ» À¥ºê¶ó¿ìÀú¿¡°Ô ¾Ë¸®´Â °ÍÀÌ´Ù.
½ºÅ¸ÀÏ ½ÃÆ®¸¦ ÀÌ¿ëÇÏÁö ¾Ê°í °³º° html ű׿¡ ½ºÅ¸ÀÏ Á¤ÀÇ Á¤º¸¸¦ ³ÖÀ»¼öµµ ÀÖ´Ù. ÇÏÁö¸¸ º°·Î ÁÁÀº ¹æ¹ýÀº ¾Æ´Ï´Ù.(ÀζóÀνºÅ¸ÀÏ)
<h1 style="color:red;">
---- ¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ®----
css ¸í·É Àü¹ÝÀ» Æ÷ÇÔÇÑ ÅؽºÆ® ÆÄÀÏÀÏ »ÓÀÌ´Ù.htmll ÄÚµå´Â ÀüÇô Æ÷ÇÔÇÏÁö ¾Ê´Â´Ù.
µû¶ó¼ <style>ű״ ³ÖÁö¾ÊÀ¸¸ç,ÆÄÀÏÀº ¾ðÁ¦³ª .css ¶ó´Â È®ÀåÀÚ¸¦°¡Áø´Ù.
¿ÜºÎ ½ºÅ¸ÀϽÃÆ®¸¦ ÀÛ¼ºÇßÀ¸¸é, ±¸¼ºÇÏ°íÀÚ ÇÏ´Â À¥ÆäÀÌÁö¿¡ ÆÄÀÏÀ» ¿¬°áÇØ¾ß ÇÑ´Ù.
html ÀÇ <link> ű׳ª ȤÀº css ÀÚüÀÇ @import Áö½Ã¾î¸¦ ÀÌ¿ëÇÏ¿© À¥ÆäÀÌÁö¿¡ ½ºÅ¸ÀϽÃÆ®¸¦ ¿¬°áÇÒ ¼ö ÀÖ´Ù.
htmlÀ» ÀÌ¿ëÇÑ ½ºÅ¸ÀϽÃÆ®ÀÇ ¿¬°á
-html ÀÇ°æ¿ì
<link rel="stylesheet" type="text/css" href="/ÆÄÀϸí.css">
-xhtml ÀÇ°æ¿ì
<link rel="stylesheet" type="text/css" href="/ÆÄÀϸí.css"/>
rel : ¸µÅ©ÀÇ Çü½ÄÀ» Ç¥½ÃÇÑ´Ù.ÀÌ°æ¿ì¿¡´Â ½ºÅ¸ÀϽÃÆ®·ÎÀÇ ¿¬°áÀ» ¶æÇÔ.
type : ºê¶ó¿ìÀú¿¡°Ô ¾î¶² µ¥ÀÌÅÍ Á¾·ùÀÎÁö ¾Ë¸°´Ù. css¸¦ Æ÷ÇÔÇÑ ÅؽºÅ¸ ÆÄÀÏ.
href : »çÀÌÆ® ¿ÜºÎ¿¡ ÀÖ´Â css ÆÄÀÏÀÇ À§Ä¡¸¦ °¡¸®Å²´Ù. ÀÌ ÇÁ·ÎÆÛƼÀÇ °ªÀº url ÀÌ´Ù.
----css ¸¦ ÀÌ¿ëÇÑ ½ºÅ¸ÀϽÃÆ®ÀÇ ¿¬°á----
¿ÜºÎ ½ºÅ¸ÀϽÃÆ®¸¦ ¿¬°áÇÏ´Â °íÀ¯ÀÇ ¹æ¹ýÀº @import Áö½Ã¾î¸¦ ÀÌ¿ëÇÏ´Â °ÍÀÌ´Ù.
html ÀÇ <style>ÅÂ±× ¾È¿¡ ´ÙÀ½°ú °°ÀÌ Áö½Ã¾î¸¦ ³ÖÀ¸¸é µÈ´Ù.
<style type="text/css">
@import url(ÆÄÀϸí.css);
</style>
<link> ű׸¦ »ç¿ëÇÒ ¶§¿Í ¸¶Âù°¡Áö·Î, @import ¸¦ ÇÑ°³ ÀÌ»ó »ç¿ëÇÏ¿© ¿©·¯°³ÀÇ ¿ÜºÎ ½ºÅ¸ÀϽÃÆ®¸¦ Æ÷ÇÔ½Ãų ¼ö ÀÖ´Ù.
<style type="text/css">
@import url(css/aa.css);
@import url(css/bb.css);
</style>