{"id":728,"date":"2016-12-05T11:15:11","date_gmt":"2016-12-05T20:15:11","guid":{"rendered":"\/blog\/?p=728"},"modified":"2023-09-21T09:37:50","modified_gmt":"2023-09-21T00:37:50","slug":"css-20%ea%b0%80%ec%a7%80-%ec%9c%a0%ec%9a%a9%ed%95%9c-%ed%8c%81","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=728","title":{"rendered":"CSS 20\uac00\uc9c0 \uc720\uc6a9\ud55c \ud301"},"content":{"rendered":"\n

\ucd9c\ucc98 : <\/span>http:\/\/cafe.naver.com\/hacosa\/19081<\/span><\/a><\/p>\r\n


<\/p>\r\n


<\/p>\r\n

1.Use <\/span>Reset.<\/span>css<\/span><\/strong><\/span><\/p>\r\n

<\/span><\/strong> <\/span><\/p>\r\n

ff, ie \ub4f1 \ube0c\ub77c\uc6b0\uc838\uac00 \ucc98\ub9ac \ud558\ub294 \ubc29\ubc95\uc774 \ub2e4\ub985\ub2c8\ub2e4. \ub3d9\uc77c\ud558\uac8c \uc7ac\uc124\uc815 \ud560 \ud544\uc694\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ud504\ub808\uc784\uc6cc\ud06c\uac00 \uc0ac\uc6a9\ud558\ub294 \uba87\uba87 reset.<\/span>css<\/span> <\/span>\uc548\ub0b4<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\uc57c\ud6c4 reset<\/span> <\/span>CSs<\/span> <\/span>:<\/span> <\/span>http:\/\/developer.yahoo.com\/yui\/reset\/<\/span><\/a>
Eric Meyer's<\/span> <\/span>CSS<\/span> <\/span>Reset :<\/span> <\/span>http:\/\/meyerweb.com\/eric\/thoughts\/2007\/05\/01\/reset-reloaded\/<\/span><\/a>
Tripoli :<\/span> <\/span>http:\/\/devkick.com\/lab\/tripoli\/<\/span><\/a><\/p>\r\n


2. Use Shorthand<\/span> <\/span>CSS<\/span> <\/span>(<\/span> <\/span>css<\/span> <\/span>\ubb38\uc7a5\uc744 \uc9e7\uac8c \ud45c\uc2dc )<\/span><\/span><\/strong><\/span><\/p>\r\n

 <\/span><\/p>\r\n

.header {<\/span>
      background-color: #fff;<\/span>
      background-image: url(image.gif);<\/span>
      background-repeat: no-repeat;<\/span>
      background-position: top left;<\/span> <\/span>
    }<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\uc704<\/span> <\/span>css<\/span> <\/span>\ub97c  \uc544\ub798\ucc98\ub7fc \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>\r\n


.header {<\/span>
      background: #fff url(image.gif) no-repeat top left<\/span>
    }<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span> <\/span>
http:\/\/articles.sitepoint.com\/article\/introduction-<\/span>css<\/span>-shorthand<\/span><\/a>
http:\/\/www.javascriptkit.com\/dhtmltutors\/<\/span>css<\/span>shorthand.shtml<\/span><\/a><\/p>\r\n


3. class \uc640 ID \uc774\ud574<\/span><\/strong><\/p>\r\n


\ud074\ub798\uc2a4\ub294 \".\" \uc73c\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/span>
ID\ub294 \"#\" \uc73c\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span> <\/span>
http:\/\/codepunk.hardwar.org.uk\/a<\/span>css<\/span>06.htm<\/span><\/a><\/p>\r\n


4. <li> \uc720\uc6a9\ud55c li<\/span><\/strong><\/p>\r\n

<\/span><\/strong> <\/span><\/p>\r\n

*  li \uba54\ub274,\ub9ac\uc2a4\ud2b8 \ub4f1\uc744 \ub9cc\ub4e4 \ub54c \uc544\uc8fc \uc88b\uc2b5\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0\uc0ac\uc774\ud2b8<\/span> <\/span>
http:\/\/www.alistapart.com\/articles\/taminglists\/<\/span><\/a>
http:\/\/mirificampress.com\/permalink\/the_amazing_li<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

5. table \ub97c \ubc84\ub9ac\uace0 , div \uc0ac\uc6a9\ud558\ub3c4\ub85d \ub178\ub825<\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

div \uc0ac\uc6a9\ud558\uba74 \uc2a4\ud0c0\uc77c\uc774 \uc720\uc5f0\ud558\uac8c \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span>
, table \uc740 \uace0\uc815 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span><\/p>\r\n

http:\/\/articles.sitepoint.com\/article\/tables-vs-<\/span>css<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

6.<\/span> <\/span>css<\/span> <\/span>\ub514\ubc84\uadf8 \ud234<\/span><\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

css<\/span> <\/span>\uc774\ud574\ud558\ub294\ub370 \ub3c4\uc6c0\uc774 \ub418\uace0, \ubb38\uc81c \uc6d0\uc778\uc744 \uc27d\uac8c \ubc1c\uacac \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0\uc0ac\uc774\ud2b8<\/span><\/p>\r\n

 <\/span><\/p>\r\n

firefox web Developer :<\/span> <\/span>http:\/\/chrispederick.com\/work\/web-developer\/<\/span><\/a>
firefox dom Inspector :<\/span> <\/span>https:\/\/addons.mozilla.org\/en-US\/thunderbird\/addon\/1806\/<\/span><\/a>
ie develper toolbar :<\/span> <\/span>http:\/\/www.microsoft.com\/downloads\/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en<\/span><\/a>
firebug :<\/span> <\/span>http:\/\/getfirebug.com\/<\/span><\/a><\/p>\r\n


7. \uae38\uac8c \ub298\uc5b4\ub193\uc73c\ub294<\/span> <\/span>css<\/span> <\/span>\ub97c \ud53c\ud558\uc138\uc694.<\/span><\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

ul li {.... }<\/span>
ol li {...  }<\/span>
table tr td { ... }<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\uc704\ub97c  \ub2e8\ucd95<\/span>
<\/p>\r\n

li {...}<\/span>
td {...}<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\uc2e4\uc81c<\/span> <\/span>css<\/span> <\/span>\uc801\uc6a9\ub418\ub294 \ubd80\ubd84\uc5d0 \uc0bd\uc785 \ud558\uc138\uc694<\/span><\/p>\r\n


8. !Important<\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

!Important \uc9c0\uc815\ub41c \uacf3\uc774<\/span> <\/span>css<\/span> <\/span>\uac00 \uc6b0\uc120 \uc801\uc6a9 \ub429\ub2c8\ub2e4. (<\/span>css<\/span> <\/span>\uac00 \ub36e\uc5b4 \uc4f0\uae30\uac00 \ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.)<\/span><\/p>\r\n

 <\/span><\/p>\r\n

.page { background-color:blue !important;   background-color:red;} <\/span><\/p>\r\n

 <\/span><\/p>\r\n

.page\uc5d0 background-color \ub294 blue \uac00 \uc801\uc6a9 \ub429\ub2c8\ub2e4.<\/span><\/p>\r\n


9. \ud14d\uc2a4\ud2b8 \uc774\ubbf8\uc9c0 \uad50\uccb4<\/span><\/strong><\/p>\r\n

<\/span><\/strong> <\/span><\/p>\r\n

h1 {<\/span>
text-indent:-9999px;<\/span>
background:url(\"title.jpg\") no-repeat;<\/span>
width:100px;<\/span>
height:50px;<\/span>
}<\/span><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

10.<\/span> <\/span>css<\/span> <\/span>Positioning \uc744 \uc774\ud574<\/span><\/span><\/strong><\/p>\r\n

<\/span><\/strong> <\/span><\/p>\r\n

\uc544\ub798\uc758 \ucc38\uace0 \uc0ac\uc774\ud2b8\ub294<\/span> <\/span>css<\/span> <\/span>position \uc744 \uc774\ud574\ud558\ub294\ub370 \uc0c1\ub2f9\ud788 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0\uc0ac\uc774\ud2b8<\/span><\/p>\r\n

http:\/\/www.barelyfitz.com\/screencast\/html-training\/<\/span>css<\/span>\/positioning\/<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

11.<\/span> <\/span>css<\/span> <\/span>@Import Vs <link><\/span><\/span><\/strong><\/p>\r\n

<\/span><\/strong> <\/span><\/p>\r\n

css<\/span> <\/span>\ub97c \ubd88\ub7ec\uc624\ub294 2\uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. @import, <link><\/span><\/p>\r\n

 <\/span><\/p>\r\n

<link href=\"styles.<\/span>css<\/span>\" type=\"text\/<\/span>css<\/span>\" \/><\/span>
<\/p>\r\n

<style type=\"text\/<\/span>css<\/span>\">@import url(\"styles.<\/span>css<\/span>\");<\/style><\/span><\/p>\r\n

@import  sytles \uc704\ucc98\ub7fc \uc228\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>\r\n

 <\/span><\/p>\r\n

link  \ubbf8\ub514\uc5b4 \ud0c0\uc785\uc744 \uc9c0\uc815 \ud560\uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span>
<link href=\"styles-nons4.<\/span>css<\/span>\" media=\"all\" type=\"text\/<\/span>css<\/span>\" \/><\/span><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

12.<\/span> <\/span>css<\/span> <\/span>\ub514\uc790\uc778 \ud3fc<\/span><\/span><\/strong><\/p>\r\n

form \ub4e4\uc744<\/span> <\/span>css<\/span> <\/span>\ub85c \ub514\uc790\uc778 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span><\/p>\r\n

table-less form :<\/span> <\/span>http:\/\/jeffhowden.com\/code\/<\/span>css<\/span>\/forms\/<\/span><\/a>
form garden  :<\/span> <\/span>http:\/\/app.formassembly.com\/theme-editor\/<\/span><\/a>
Styling even more form controls :<\/span> <\/span>http:\/\/www.456bereastreet.com\/archive\/200410\/styling_even_more_form_controls\/<\/span><\/a> <\/span><\/p>\r\n


 <\/span><\/p>\r\n

13.<\/span> <\/span>css<\/span>\ub97c \uc6f9\uc0ac\uc774\ud2b8 \uc801\uc6a9\ud560\uc9c0 \ub3c4\uc6c0\uc744 \ubc1b\uc73c\uc138\uc694<\/span><\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

css<\/span> <\/span>\uac00\uc9c0\uace0 \uba4b\uc9c4 \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4\uace0 \uc2f6\uc73c\uc2dc\uba74 \uc544\ub798\uc758 \ucc38\uace0\uc0ac\uc774\ud2b8\ub97c \ud655\uc778\ud558\uace0 \ub3c4\uc6c0\uc744 \ubc1b\uc73c\uc138\uc694<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span><\/p>\r\n

http:\/\/<\/span>css<\/span>remix.com\/<\/span><\/a>
http:\/\/www.<\/span>css<\/span>reboot.com\/<\/span><\/a>
http:\/\/www.<\/span>css<\/span>beauty.com\/<\/span><\/a>
http:\/\/www.<\/span>css<\/span>elite.com\/<\/span><\/a>
http:\/\/<\/span>css<\/span>mania.com\/<\/span><\/a>
http:\/\/www.<\/span>css<\/span>leak.com\/<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

14. \ub465\uadfc \ubaa8\uc11c\ub9ac \ucf54\ub108<\/span> <\/span>css<\/span><\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8 <\/span>
 <\/span>http:\/\/home.tiscali.nl\/developerscorner\/liquidcorners\/liquidcorners.htm<\/span><\/a>
 <\/span>http:\/\/naradesign.net\/wp\/2009\/04\/28\/801\/<\/span><\/a> <\/span>,<\/span> <\/span>http:\/\/naradesign.net\/open_content\/quiz\/roundCorner\/<\/span><\/a><\/p>\r\n


 <\/span><\/p>\r\n

15. Keep<\/span> <\/span>CSS<\/span> <\/span>Codes Clean (<\/span> <\/span>CSS<\/span> <\/span>\uc18c\uc2a4 \uc815\ub9ac )<\/span><\/span><\/strong><\/p>\r\n

css<\/span> <\/span>\ucf54\ub4dc\uac00 \ub09c\uc7a5\ud310\uc774\uba74 , \ub9ac\ud329\ud1a0\ub9ac \ud558\ub290\ub77c \uc2dc\uac04\uc744 \ub0ad\ube44 \ud558\uc9c0 \ub9c8\uc138\uc694<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\uc544\ub798\uc758 \uc8fc\uc18c\uc5d0\uc11c \ub9ac\ud329\ud1a0\ub9c1\uc744 \ud574\uc8fc\ub124\uc694.<\/span> <\/span>
<\/p>\r\n

format<\/span>Css<\/span> <\/span>:<\/span> <\/span>http:\/\/www.lonniebest.com\/Format<\/span>CSS<\/span>\/<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

[12 \uac00\uc9c0 \uc6d0\uce59, \ub2f9\uc2e0\uc758 \ucf54\ub4dc\ub97c \uae68\ub057\ud788 \ud558\ub294 ]<\/span>
http:\/\/www.smashingmagazine.com\/2008\/11\/12\/12-principles-for-keeping-your-code-clean\/<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

16.  px vs em<\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

CSS<\/span> <\/span>\uce21\uc815 \ub2e8\uc704<\/span> <\/span>
em-height (em), Pixel (px), Percentage (%)<\/span>
Inch (in), Centimeter (cm) & Millimeter (mm)<\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0 \uc0ac\uc774\ud2b8<\/span> <\/span>
http:\/\/www.explainth.at\/en\/<\/span>css<\/span>\/units.shtml<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

17.<\/span> <\/span>CSS<\/span> <\/span>\ube0c\ub77c\uc6b0\uc838 \ud638\uc644\uc131 \ud45c<\/span><\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0\uc0ac\uc774\ud2b8<\/span> <\/span>
#1 :<\/span> <\/span>http:\/\/www.quirksmode.org\/<\/span>css<\/span>\/contents.html<\/span><\/a>
#2 :<\/span> <\/span>http:\/\/www.webdevout.net\/browser-support-<\/span>css<\/span><\/a>
#3 :<\/span> <\/span>http:\/\/vzone.virgin.net\/sizzling.jalfrezi\/stylebml.htm<\/span><\/a><\/p>\r\n


18. \ub514\uc790\uc778 \uba40\ud2f0 \uceec\ub7fc<\/span> <\/span>CSS<\/span><\/span><\/strong><\/span><\/p>\r\n

 <\/span><\/p>\r\n

CSS<\/span> <\/span>\uba40\ud2f0 \uceec\ub7fc \ub808\uc774\uc544\uc6c3 \uc7a1\uc744 \ub54c \ub3c4\uc6c0\ub418\ub294 \ucc38\uace0 \uc0ac\uc774\ud2b8 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

\ucc38\uace0\uc0ac\uc774\ud2b8<\/span> <\/span>
http:\/\/www.thenoodleincident.com\/tutorials\/box_lesson\/boxes.html<\/span><\/a>
http:\/\/www.alistapart.com\/articles\/holygrail<\/span><\/a>
http:\/\/www.alistapart.com\/articles\/fauxcolumns\/<\/span><\/a>
http:\/\/www.alistapart.com\/articles\/multicolumnlayouts<\/span><\/a>
http:\/\/24ways.org\/2008\/absolute-columns<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

19. \uacf5\uc9dc<\/span> <\/span>CSS<\/span> <\/span>\uc5d0\ub514\ud130<\/span><\/span><\/strong><\/p>\r\n

http:\/\/notepad-plus-plus.org\/<\/span><\/a>
http:\/\/www.hostm.com\/simple<\/span>css<\/span>-download.m<\/span><\/a>
http:\/\/www.athlab.com\/Astyle\/index.html#Features<\/span><\/a><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

 <\/span><\/p>\r\n

20. <\/span>CSS<\/span> <\/span><\/span>Media Types \uc758 \uc774\ud574<\/span><\/strong><\/p>\r\n

 <\/span><\/p>\r\n

http:\/\/www.w3.org\/TR\/<\/span>CSS<\/span>2\/media.html<\/span><\/a>
http:\/\/www.javascriptkit.com\/dhtmltutors\/<\/span>css<\/span>media.shtml<\/span><\/a>
http:\/\/www.yourhtmlsource.com\/stylesheets\/<\/span>css<\/span>mediatypes.html<\/span><\/a><\/p>\r\n

<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\ucd9c\ucc98 : http:\/\/cafe.naver.com\/hacosa\/19081 1.Use Reset.css   ff, ie \ub4f1 \ube0c\ub77c\uc6b0\uc838\uac00 \ucc98\ub9ac \ud558\ub294 \ubc29\ubc95\uc774 \ub2e4\ub985\ub2c8\ub2e4. \ub3d9\uc77c\ud558\uac8c \uc7ac\uc124\uc815 \ud560 \ud544\uc694\uac00 \uc788\uc2b5\ub2c8\ub2e4.   \ud504\ub808\uc784\uc6cc\ud06c\uac00 \uc0ac\uc6a9\ud558\ub294 \uba87\uba87 reset.css \uc548\ub0b4   \uc57c\ud6c4 reset CSs : http:\/\/developer.yahoo.com\/yui\/reset\/Eric Meyer’s CSS Reset : http:\/\/meyerweb.com\/eric\/thoughts\/2007\/05\/01\/reset-reloaded\/Tripoli : http:\/\/devkick.com\/lab\/tripoli\/ 2. Use Shorthand CSS ( css \ubb38\uc7a5\uc744 \uc9e7\uac8c \ud45c\uc2dc )   .header {      background-color: #fff;      background-image: url(image.gif);      background-repeat: no-repeat;      background-position: top left;     }   \uc704 css \ub97c  \uc544\ub798\ucc98\ub7fc \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. .header […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[23],"tags":[],"class_list":["post-728","post","type-post","status-publish","format-standard","hentry","category-development_web"],"_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=728"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/728\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}