{"id":478,"date":"2014-05-21T08:20:38","date_gmt":"2014-05-20T23:20:38","guid":{"rendered":"http:\/\/backup.me.ne.kr\/?p=478"},"modified":"2014-05-21T08:20:38","modified_gmt":"2014-05-20T23:20:38","slug":"cssimport%ec%99%80-%ec%a4%91-%ec%96%b4%eb%8a%90-%ea%b2%83%ec%9d%84-%ec%82%ac%ec%9a%a9%ed%95%b4%ec%95%bc-%ed%95%a0%ea%b9%8c","status":"publish","type":"post","link":"http:\/\/jhp.io\/?p=478","title":{"rendered":"[CSS]@import\uc640 \uc911 \uc5b4\ub290 \uac83\uc744 \uc0ac\uc6a9\ud574\uc57c \ud560\uae4c?"},"content":{"rendered":"

\ud604\uc7ac \uae00\uc744 \ub2e4\ub4ec\uace0 \uc788\ub294 \uc911\uc785\ub2c8\ub2e4.\u00a0\uc5b8\uc81c \ub420\uc9c0\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc<\/del><\/p>\n

CSS\ub97c \ubb38\uc11c\uc5d0 \uc801\uc6a9\ud560 \ub54c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95 \uc911 @import\uc640 <link> \uc758 \ucc28\uc774\uac00 \ubb34\uc5c7\uc785\ub2c8\uae4c?<\/p>\n

\uc77c\ub2e8 \uc774 \ub450\uac00\uc9c0 \uc911 \ud55c \uac00\uc9c0\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294, \uc6b0\uc120 \uc774 2\uac1c\uac00 \uac01\uac01 \uc5b4\ub5a4 \uc6a9\ub3c4\ub85c \uc0ac\uc6a9\ub418\uae30 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\ub294\uc9c0\ub97c \ud30c\uc545\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n

<link> – \uc774\uac74 \ud754\ud788 \uc678\ubd80 CSS\ub97c \ubb38\uc11c\uc5d0 \uc5f0\uacb0\ud558\ub294 \uccab\ubc88\uc9f8 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774\uac74 \uc6f9 \ud398\uc774\uc9c0\uc640 CSS\ub97c \uac19\uc774 \uc5f0\uacb0\ud558\uae30 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\ub294\ub370, \ubb38\uc11c\uc5d0\uc11c <head>\ud14c\uadf8 \uc0ac\uc774\uc5d0 \ub123\uc2b5\ub2c8\ub2e4.<\/p>\n

@import – CSS\ub97c \ub2e4\ub978 CSS\uc5d0 \uac00\uc838\uc624\ub3c4\ub85d \ud569\ub2c8\ub2e4. \uc774\uac74 \uc55e\uc11c \uc5b8\uae09\ud55c \uc5f0\uacb0\ud558\ub294 \uac83\uacfc\ub294 \uc57d\uac04 \ub2e4\ub978 \uac83\uc774, \uc774\uac74 \uc5f0\uacb0\ub41c \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uae30 \ub54c\ubb38\uc774\uc8e0. \ub9cc\uc57d \ubb38\uc11c \uc0c1\ub2e8 head\uc5d0 \ub123\ub294\ub2e4\uace0 \ud558\uba74 \ub2e4\uc74c\ucc98\ub7fc \ub123\uc2b5\ub2c8\ub2e4. :
\n<style type=”text\/css”> @import url(“style.css”); <\/style><\/p>\n

\uc77c\ubc18\uc801\uc73c\ub85c \ubcf4\uba74, \ub450\uac1c \uc0ac\uc774\uc5d0 \ubcc4\ub2e4\ub978 \ucc28\uc774\uac00 \uc5c6\uc5b4 \ubcf4\uc785\ub2c8\ub2e4. \ub458\ub2e4 \uc62c\ubc14\ub978 \ubc29\ubc95\uc774\uae30\ub3c4 \ud558\uace0, \ub300\ubd80\ubd84\uc758 \uacbd\uc6b0 \ub458 \ub2e4 \ub611\uac19\uc774 \ub3d9\uc791\ud558\uae30 \ub54c\ubb38\uc774\uc8e0. \ud558\uc9c0\ub9cc \uac01\uac01 \ub2e4\ub978 \ubc29\ubc95\uc73c\ub85c \uc37c\uc744 \ub54c \uc7a5\ub2e8\uc810\uc774 \uba87\uac00\uc9c0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc65c @import\ub97c \uc0ac\uc6a9\ud558\ub294\uac00?<\/p>\n

<link>\ub300\uc2e0 @import\ub97c \uc0ac\uc6a9\ud558\ub294 \uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \uc774\uc720\ub85c\ub294 \uc6b0\uc120 \uc624\ub798\ub41c \ube0c\ub77c\uc6b0\uc800\ub294 @import\ub97c \uc778\uc2dd\uc744 \ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc624\ub798\ub41c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc2a4\ud0c0\uc77c\uc744 \uc228\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uad6c\uccb4\uc801\uc73c\ub85c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n

\ub137\uce20\ucf00\uc774\ud5044, IE 3,4(4.72 \uc81c\uc678)\uc5d0\uc11c \uc2a4\ud0c0\uc77c \uc228\uae30\uae30 \uc704\ud574\uc11c\ub294
\n@import url(..\/style.css);
\n\uadf8\ub9ac\uace0 \ucee8\ucee4\ub7ec 2\uc640 \uc544\ub9c8\uc57c 5.1\uc5d0\uc11c\ub3c4 \uc228\uae30\ub824\uba74
\n@import url(“..\/style.css”);
\n\uc640 \uac19\uc774 \uc0ac\uc6a9\ud558\uba70, \ub137\uce20\ucf00\uc774\ud504 4, IE6 \ud639\uc740 \uadf8 \uc774\ud558 \ubc84\uc804\uc5d0\uc11c \uc228\uae30\ub824\uba74
\n@import url(..\/style.css) screen;
\n\uadf8\ub9ac\uace0 \ub137\uce20\ucf00\uc774\ud504 4, IE 4 \ud639\uc740 \uadf8 \uc774\ud558 \ubc84\uc804 \uadf8\ub9ac\uace0 \ucee8\ucee4\ub7ec 2\uc5d0\uc11c \uc228\uae30\ub824\uba74
\n@import “..\/styles.css”;
\n\uc640 \uac19\uc774 \uc4f8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\ub2e4\ub978 \uc774\uc720\ub85c\ub294 \ubb38\uc11c\uc0c1 \uc5ec\ub7ec \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uc0ac\uc6a9\ud574\uc57c \ud558\ub294\ub370, head\uc0c1\uc5d0 link\uac00 \ud558\ub098 \ubc16\uc5d0 \uc5c6\uc744 \ub54c\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uae30\uc5c5 \uc0ac\uc774\ud2b8\uc5d0\ub294 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \uc801\uc6a9\ub418\ub294 \uc804\uc5ed \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\uc640 \uac01\uac01\uc758 \ubcc4\uac1c\uc758 \uc9c0\uc5ed \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub41c \uc138\ubd80 \uc694\uc18c\ub4e4\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc9c0\uc5ed \uc2a4\ud0c0\uc77c\uc744 \ub9c1\ud06c\ud558\uace0 \uc804\uc5ed \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc5ed \uc2a4\ud0c0\uc77c \uc704\uc5d0 \uac00\uc838\uc624\ub3c4\ub85d @import\ub97c \uc0ac\uc6a9\ud558\uba74, \ubaa8\ub4e0 \uc0ac\uc774\ud2b8\uc758 \uc138\ubd80 \uc694\uc18c\ub97c \ud3ec\ud568\ud55c \uac70\ub300\ud55c \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \ub9cc\ub4e4 \ud544\uc694\uac00 \uc5c6\uc5b4\uc9d1\ub2c8\ub2e4. \ub2e8\uc9c0 @import\ub97c \ub2e4\ub978 \uc2a4\ud0c0\uc77c \uaddc\uce59\ubcf4\ub2e4 \uc704\uc5d0 \uc640\uc57c \ud558\ub294 \uac83\uc774\uc8e0. \uadf8\ub9ac\uace0 \uc0c1\uc18d \uae30\ub2a5\uc740 \uacc4\uc18d \ubb38\uc81c\uac00 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc65c <link>\ub97c \uc0ac\uc6a9\ud558\ub294\uac00?<\/p>\n

link\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uc5f0\uacb0\ud558\ub294 \uc774\uc720 \uc911 \ud558\ub098\ub294 \uace0\uac1d\uc5d0\uac8c \ub300\uccb4 \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uc81c\uacf5\ud558\uae30 \uc704\ud568\uc785\ub2c8\ub2e4. \ud30c\uc774\uc5b4\ud3ed\uc2a4\ub098 \uc0ac\ud30c\ub9ac, \uadf8\ub9ac\uace0 \uc624\ud398\ub77c \uac19\uc740 \ube0c\ub77c\uc6b0\uc800\ub4e4\uc740 rel=”alternate stylesheet” \uc18d\uc131\uc744 \uc9c0\uc6d0\ud558\uba70 \uc0ac\uc6a9\uc790\ub4e4\uc774 \uc774\ub97c \ubc14\uafc0 \uc218 \uc788\ub3c4\ub85d \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c IE\uc5d0\uc11c\ub294 JavaScript\ub97c \uc774\uc6a9\ud55c switcher\ub97c \uc774\uc6a9\ud558\uc5ec \ub2e4\ub978 \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub85c \uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uac83\uc740 \uc811\uadfc\uc131\uc744 \uc704\ud574 \uc90c \ub808\uc774\uc544\uc6c3\uacfc \ud568\uaed8 \uac00\uc7a5 \ub9ce\uc774 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n

@import\ub97c \uc774\uc6a9\ud558\ub294\ub370 \ud55c \uac00\uc9c0 \ub2e8\uc810\uc740, head\ud14c\uadf8\uc5d0 @import\ub9cc \uc788\ub294 \uac04\ub2e8\ud55c head\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc744 \uacbd\uc6b0 \uc2a4\ud0c0\uc77c\uc774 \ub85c\ub529\ub418\ub294 \ub3d9\uc548 \uc21c\uac04\uc801\uc73c\ub85c \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc740 \ud398\uc774\uc9c0\uac00 \ubcf4\uc5ec\uc9c8 \uac83\uc785\ub2c8\ub2e4. \uc774\uac74 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uac70\uc2ac\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ubb38\uc81c\ub294 \uac04\ub2e8\ud558\uac8c head\uc5d0 <link>\ub098 <script>\ub97c \ucd5c\uc18c 1\uac1c \uc774\uc0c1 \ub123\uc5b4\uc90c\uc73c\ub85c\uc368 \ud574\uacb0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

Media Type\uc758 \uacbd\uc6b0\ub294 \uc5b4\ub5a4\uac00\uc694?<\/p>\n

\ub9ce\uc740 \uc791\uc790\ub4e4\uc774 \ubbf8\ub514\uc5b4 \ud0c0\uc785\uc744 \ud1b5\ud574 \uc624\ub798\ub41c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2a4\ud0c0\uc77c\uc744 \uc228\uae38 \uc218 \uc788\ub2e4\uace0 \ud569\ub2c8\ub2e4. \ud754\ud788 @import\uc640 link\ub97c \uc0ac\uc6a9\ud568\uc73c\ub85c\uc368 \ubcfc \uc218 \uc788\ub294 \uc774\ub4dd\uc73c\ub85c \uc5b8\uae09\ub418\ub294\ub370\uc694, \uc0ac\uc2e4 \ub450\uac00\uc9c0 \ubc29\ubc95 \ubaa8\ub450 \ub2e4 media type\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc73c\uba70, media type\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \ube0c\ub77c\uc6b0\uc800\ub3c4 \ub458 \uc911 \uc5b4\ub5a4 \ubc29\ubc95\uc744 \uc368\ub3c4 media type\uc774 \uc9c0\uc815\ub41c \uc2a4\ud0c0\uc77c\uc744 \uc778\uc2dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ub137\uce20\ucf00\uc774\ud5044\ub294 media type\uc744 \uc778\uc2dd\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c, link\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uc228\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4 :<\/p>\n

<link href=”styles-nons4.css” media=”all” type=”text\/css” \/><\/p>\n

\uadf8\ub9ac\uace0 \uba87\uba87 IE(6\ubc84\uc804 \uc774\ud558)\ub294 @import\uc5d0 \uc801\uc6a9\ub41c media type\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c \ub2e4\uc74c\uacfc \uac19\uc774 \uc368\uc11c \uc2a4\ud0c0\uc77c\uc744 \uc228\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4 :<\/p>\n

<style type=”text\/css”>@import url(styles.css) all;<\/style><\/p>\n

\ub2f9\uc2e0\uc740 \uc5b4\ub5a4 \uac78 \uc0ac\uc6a9\ud558\ub098\uc694?<\/p>\n

\uac1c\uc778\uc801\uc73c\ub85c, \uc800\ub294 \ub9c8\ud06c\uc5c5 \ubb38\uc11c\uc0c1\uc5d0\uc11c\ub294 <link>\ub97c \uc0ac\uc6a9\ud558\uace0, \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc5d0 import\ub85c \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uac00\uc838\uc624\ub294 \uac83\uc744 \uc120\ud638\ud569\ub2c8\ub2e4. \uadf8 \ubc29\ubc95\uc744 \uc774\uc6a9\ud574\uc11c \ub9c8\ud06c\uc5c5 \ubb38\uc11c\uc5d0 \uc801\uc6a9\ud558\ub294\ub370 1~2\uc904\uc758 \ucf54\ub4dc\ub9cc \uc788\uc73c\uba74 \ub429\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uacb0\uad6d\uc5d4 \ubcf8\uc778\uc758 \uc120\ud0dd\uc5d0 \ub2ec\ub9b0 \uac81\ub2c8\ub2e4. \ub9cc\uc57d @import\uac00 \ud3b8\ud558\ub2e4\uba74 \uadf8\uac78\ub85c \uc4f0\uc138\uc694. \ub450 \uac00\uc9c0 \ubc29\ubc95 \ubaa8\ub450 \ud45c\uc900 \ub9c8\ud06c\uc5c5\uc774\uba70, \uc815\ub9d0 \ub108\ubb34 \uc624\ub798\ub41c \ube0c\ub77c\uc6b0\uc800\ub97c \uc9c0\uc6d0\ud560 \uac70 \uc544\ub2c8\ub77c\uba74(\ub137\uce20\ucf00\uc774\ud5044 \uac19\uc740) \ub450\uac00\uc9c0 \ub530\ub85c \uad6c\ubd84\ud574\uc11c \uc368\uc57c\ud560 \ud070 \uc774\uc720\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n

\ubc1c\ubc88\uc5ed : JH<\/p>\n

\uc6d0\ubb38 : http:\/\/webdesign.about.com\/od\/beginningcss\/f\/css_import_link.htm<\/p>\n","protected":false},"excerpt":{"rendered":"

\ud604\uc7ac \uae00\uc744 \ub2e4\ub4ec\uace0 \uc788\ub294 \uc911\uc785\ub2c8\ub2e4.\u00a0\uc5b8\uc81c \ub420\uc9c0\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc CSS\ub97c \ubb38\uc11c\uc5d0 \uc801\uc6a9\ud560 \ub54c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95 \uc911 @import\uc640 <link> \uc758 \ucc28\uc774\uac00 \ubb34\uc5c7\uc785\ub2c8\uae4c? \uc77c\ub2e8 \uc774 \ub450\uac00\uc9c0 \uc911 \ud55c \uac00\uc9c0\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294, \uc6b0\uc120 \uc774 2\uac1c\uac00 \uac01\uac01 \uc5b4\ub5a4 \uc6a9\ub3c4\ub85c \uc0ac\uc6a9\ub418\uae30 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\ub294\uc9c0\ub97c \ud30c\uc545\ud574\uc57c \ud569\ub2c8\ub2e4. <link> – \uc774\uac74 \ud754\ud788 \uc678\ubd80 CSS\ub97c \ubb38\uc11c\uc5d0 \uc5f0\uacb0\ud558\ub294 \uccab\ubc88\uc9f8 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774\uac74 \uc6f9 \ud398\uc774\uc9c0\uc640 CSS\ub97c \uac19\uc774 \uc5f0\uacb0\ud558\uae30 \uc704\ud574 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,13],"tags":[],"class_list":["post-478","post","type-post","status-publish","format-standard","hentry","category-cg","category-web-design"],"_links":{"self":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=478"}],"version-history":[{"count":0,"href":"http:\/\/jhp.io\/index.php?rest_route=\/wp\/v2\/posts\/478\/revisions"}],"wp:attachment":[{"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jhp.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}