{"id":1433,"date":"2020-10-26T20:34:39","date_gmt":"2020-10-26T11:34:39","guid":{"rendered":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1433"},"modified":"2020-10-26T21:28:15","modified_gmt":"2020-10-26T12:28:15","slug":"css-%ec%a0%81%ec%9a%a9-%ec%9a%b0%ec%84%a0%ec%88%9c%ec%9c%84","status":"publish","type":"post","link":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1433","title":{"rendered":"CSS \uc801\uc6a9 \uc6b0\uc120\uc21c\uc704"},"content":{"rendered":"

CSS \uc801\uc6a9 \uc6b0\uc120\uc21c\uc704<\/h1>\n

\uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c(inline style)<\/h2>\n

\uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c(inline style) \uc774 \ucd5c\uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n

\ub0b4\ubd80 \uc2a4\ud0c0\uc77c(internal style) \uacfc \uc678\ubd80 \uc2a4\ud0c0\uc77c(external sytle)<\/h2>\n

\ub0b4\ubd80 \uc2a4\ud0c0\uc77c(internal style) \uacfc \uc678\ubd80 \uc2a4\ud0c0\uc77c(external sytle) \uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \uc544\ub798\ucabd\uc5d0 \uc801\ud600\uc788\ub294 \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n

\ub3d9\uc77c \ub808\ubca8(\ub0b4\ubd80 \uc2a4\ud0c0\uc77c or \uc678\ubd80 \uc2a4\ud0c0\uc77c)<\/h2>\n

\ub3d9\uc77c \ub808\ubca8(\ub0b4\ubd80 \uc2a4\ud0c0\uc77c or \uc678\ubd80 \uc2a4\ud0c0\uc77c) \uc5d0 \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c\uacfc \ud0dc\uadf8 \uc2a4\ud0c0\uc77c\uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \ud074\ub798\uc2a4 \uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n

\uc5ec\ub7ec\uac1c\uc758 \uc678\ubd80 \uc2a4\ud0c0\uc77c<\/h2>\n

\uc5ec\ub7ec\uac1c\uc758 \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc774 \uc788\ub294 \uacbd\uc6b0 \uac00\uc7a5 \ub9c8\uc9c0\ub9c9 \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc774 \uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n

\/\/ test.css\np {\n    color: #FFFF00;\n}\n.testp {\n    color: #00FFFF;\n}\ndiv {\n    color: #FFFF00;\n}\n.testdiv {\n    color: #00FFFF;\n}<\/code><\/pre>\n
\/\/ test2.css\n.testdiv {\n    color: #000000;\n}<\/code><\/pre>\n
<!DOCTYPE html>\n<html lang="en-US">\n<head>\n    <style>\n    .testp {\n        color: #0000FF;\n    }\n    p {\n        color: #00FF00;\n    }\n    <\/style>\n    <link rel="stylesheet" href="test.css">\n    <link rel="stylesheet" href="test2.css">\n<\/head>\n<body>\n\n    <!-- \uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c(inline style) \uc774 \ucd5c\uc6b0\uc120 \uc801\uc6a9 -->\n    <p style="color: #FF0000;">\n        #FF0000\n    <\/p>\n\n    <!-- \ub0b4\ubd80 \uc2a4\ud0c0\uc77c(internal style) \uacfc \uc678\ubd80 \uc2a4\ud0c0\uc77c(external sytle) \uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \uc544\ub798\ucabd\uc5d0 \uc801\ud600\uc788\ub294 \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9 -->\n    <p>\n        #FFFF00\n    <\/p>\n\n    <!-- \ub3d9\uc77c \ub808\ubca8(\ub0b4\ubd80 \uc2a4\ud0c0\uc77c or \uc678\ubd80 \uc2a4\ud0c0\uc77c) \uc5d0 \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c\uacfc \ud0dc\uadf8 \uc2a4\ud0c0\uc77c\uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \ud074\ub798\uc2a4 \uc6b0\uc120 \uc801\uc6a9 -->\n    <p class="testp">\n        #00FFFF\n    <\/p>\n\n    <!-- \uc5ec\ub7ec\uac1c\uc758 \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc774 \uc788\ub294 \uacbd\uc6b0 \uac00\uc7a5 \ub9c8\uc9c0\ub9c9 \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc774 \uc6b0\uc120 \uc801\uc6a9 -->\n    <div class="testdiv">\n        #000000\n    <\/div>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
CSS \uc801\uc6a9 \uc6b0\uc120\uc21c\uc704 \uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c(inline style) \uc778\ub77c\uc778 \uc2a4\ud0c0\uc77c(inline style) \uc774 \ucd5c\uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4. \ub0b4\ubd80 \uc2a4\ud0c0\uc77c(internal style) \uacfc \uc678\ubd80 \uc2a4\ud0c0\uc77c(external sytle) \ub0b4\ubd80 \uc2a4\ud0c0\uc77c(internal style) \uacfc \uc678\ubd80 \uc2a4\ud0c0\uc77c(external sytle) \uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \uc544\ub798\ucabd\uc5d0 \uc801\ud600\uc788\ub294 \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4. \ub3d9\uc77c \ub808\ubca8(\ub0b4\ubd80 \uc2a4\ud0c0\uc77c or \uc678\ubd80 \uc2a4\ud0c0\uc77c) \ub3d9\uc77c \ub808\ubca8(\ub0b4\ubd80 \uc2a4\ud0c0\uc77c or \uc678\ubd80 \uc2a4\ud0c0\uc77c) \uc5d0 \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c\uacfc \ud0dc\uadf8 \uc2a4\ud0c0\uc77c\uc774 \uacf5\uc874\ud558\ub294 \uacbd\uc6b0 \ud074\ub798\uc2a4 \uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4.\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-1433","post","type-post","status-publish","format-standard","hentry","category-web"],"_links":{"self":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1433"}],"version-history":[{"count":1,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1433\/revisions"}],"predecessor-version":[{"id":1434,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1433\/revisions\/1434"}],"wp:attachment":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}