{"id":4281,"date":"2024-04-15T03:48:31","date_gmt":"2024-04-14T19:48:31","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4281"},"modified":"2024-04-15T03:48:31","modified_gmt":"2024-04-14T19:48:31","slug":"customized-css-attributes-and-characteristics","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/customized-css-attributes-and-characteristics\/","title":{"rendered":"\uc0ac\uc6a9\uc790 \uc815\uc758\ub41c CSS \uc18d\uc131 \ubc0f \ud2b9\uc131"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>HTML \uc694\uc18c\ub97c \uc0ac\uc6a9\uc790 \uc815\uc758\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc0bd\uc785\ud569\ub2c8\ub2e4. <a href=\"https:\/\/webflow.com\/glossary\/cascading-style-sheets-css\">\uacc4\ub2e8\uc2dd \uc2a4\ud0c0\uc77c \uc2dc\ud2b8<\/a> (CSS) \uc18d\uc131\uc744 \ud074\ub798\uc2a4 \ub610\ub294 \uc120\ud0dd\uae30\uc5d0 \uc801\uc6a9\ud569\ub2c8\ub2e4. Webflow\uc5d0\uc11c \uc2a4\ud0c0\uc77c \ud328\ub110\uc740 \ub2e4\uc591\ud55c CSS \uc18d\uc131(\uc608: \uc704\uce58, \uc624\ubc84\ud50c\ub85c, \uc0c1\uc790 \uadf8\ub9bc\uc790 \ub4f1)\uc5d0 \ub300\ud55c \uc561\uc138\uc2a4\ub97c \ud5c8\uc6a9\ud569\ub2c8\ub2e4. <em>\ubaa8\ub450<\/em> CSS \uc18d\uc131.<\/p>\n<p>\ub9de\ucda4\ud615 CSS \uc18d\uc131 \ubc0f \uc0ac\uc591\uc744 \ud65c\uc6a9\ud558\uba74 \uc2a4\ud0c0\uc77c \ud328\ub110\uc5d0\uc11c \uae30\ubcf8\uc801\uc73c\ub85c \uc9c0\uc6d0\ub418\uc9c0 \uc54a\ub294 \uad11\ubc94\uc704\ud55c CSS \uc18d\uc131 \ubc0f \uac12\uc744 \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc124\uacc4 \uc720\uc5f0\uc131\uc774 \ud5a5\uc0c1\ub418\uace0 \uac1c\uc778\ud654\ub41c \ucf54\ub4dc \uc784\ubca0\ub529\uc758 \ud544\uc694\uc131\uc774 \uc904\uc5b4\ub4e4\uc5b4 \uc124\uacc4 \uc791\uc5c5 \ud750\ub984\uc774 \uac04\uc18c\ud654\ub429\ub2c8\ub2e4. <\/p>\n<h6><strong>\uc8fc\ubaa9:<\/strong> \uc81c\ud55c\ub41c \ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0\uc774 \uc788\ub294 CSS \uc18d\uc131\uacfc \uacf5\uae09\uc5c5\uccb4 \uc811\ub450\uc0ac\uac00 \uc788\ub294 \uc18d\uc131(\uc608: -webkit)\uc740 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uc73c\ub85c \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/h6>\n<h6><strong>\uc720\uc6a9\ud55c \ud1b5\ucc30\ub825:<\/strong> \ud2b9\uc815 CSS \uc18d\uc131\uc740 \uc6f9\uc0ac\uc774\ud2b8 \uc131\ub2a5\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac00\ub2a5\ud55c \uacbd\uc6b0 \uad11\ubc94\uc704\ud55c CSS \ud65c\uc6a9\uc744 \ucd5c\uc18c\ud654\ud558\uba74\uc11c \ubcf5\uc7a1\ud55c CSS \uae30\ub2a5 \ubc0f \uc18d\uc131\uc758 \ud65c\uc6a9\uc744 \ucd5c\uc801\ud654\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/h6>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294 \ub2e4\uc74c \uc0ac\ud56d\uc744 \ud30c\uc545\ud569\ub2c8\ub2e4.<\/p>\n<ol start=\"1\" role=\"list\">\n<li>\ub9de\ucda4\ud615 \uc18d\uc131\uacfc \uac00\uce58\ub97c \ud1b5\ud569\ud558\ub294 \ubc29\ubc95<\/li>\n<li>\uac1c\uc778\ud654\ub41c \uac12\uc744 Webflow \ud638\ud658 \uc18d\uc131\uc5d0 \uc5f0\uacb0\ud558\ub294 \ubc29\ubc95<\/li>\n<li>\uac1c\uc778\ud654\ub41c \uac12\uc5d0 \ubcc0\uc218\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95<\/li>\n<li>\uc77c\ubc18\uc801\uc778 \ubb38\uc758 \uc0ac\ud56d \ubc0f \ubb38\uc81c \ud574\uacb0 \uae30\uc220<\/li>\n<\/ol>\n<h2>\ub9de\ucda4\ud615 \uc18d\uc131\uacfc \uac00\uce58\ub97c \ud1b5\ud569\ud558\ub294 \ubc29\ubc95<\/h2>\n<h6><strong>\uc2dc\uc791\ud558\uae30 \uc804\uc5d0:<\/strong> \uc694\uc18c\uc5d0 \ud074\ub798\uc2a4\ub97c \uc124\uc815\ud558\uac70\ub098 HTML \ud0dc\uadf8 \uc120\ud0dd\uae30\ub97c \ud65c\uc6a9\ud558\uc5ec \ub9de\ucda4\ud615 \uc18d\uc131\uc744 \ucd94\uac00\ud558\ub824\ub294 \uc694\uc18c \uc138\ud2b8\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/h6>\n<p>\ud074\ub798\uc2a4\uc5d0 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uc744 \ucd94\uac00\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc218\ud589\ud558\uc2ed\uc2dc\uc624.<\/p>\n<ol start=\"1\" role=\"list\">\n<li>\uac1c\uc778\ud654\ub41c \uc18d\uc131\uc744 \uc801\uc6a9\ud558\ub824\ub294 \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li>\ubc29\ubb38\ud558\ub2e4 <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong><\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\ucd94\uac00\ud558\ub2e4<\/strong><\/li>\n<li>CSS \uc18d\uc131\uc744 \uc785\ub825\ud558\uc138\uc694. <strong>\uc9c0\uc815<\/strong> \uc9c0\uc815 \ud544\ub4dc(\uc608: \ud14d\uc2a4\ud2b8-\uc7a5\uc2dd-\uc0c9\uc0c1)<\/li>\n<li>\uc785\ub825 <strong>\uac12<\/strong> \ud604\uc7a5\uc5d0\uc11c(\uc608: #146EF5)<\/li>\n<li>\ub54c\ub9ac\ub2e4 <strong>\uc785\ub825\ud558\ub2e4<\/strong> \ud0a4\ubcf4\ub4dc\uc5d0\uc11c<\/li>\n<\/ol>\n<h6><strong>\ub0b4\ubd80\uc790 \ud301:<\/strong> \ubcf4\ub2e4 \uc815\ud655\ud558\uace0 \uc5ed\ub3d9\uc801\uc778 \ub514\uc790\uc778 \uc601\ud5a5\uc744 \uc704\ud574 \uace0\uae09 \uae30\ub2a5(\uc608: calc(), color-mix() \ub4f1)\uc774 \ud3ec\ud568\ub41c \uc0ac\uc6a9\uc790 \uc815\uc758 \uac12\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<h6><strong>\ub0b4\ubd80\uc790 \ud301:<\/strong> \uc5ec\ub7ec \uc904\uc758 CSS\ub97c \uc0bd\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong>. Webflow <a href=\"https:\/\/webflow.com\/glossary\/automagically\">\uc790\ub3d9\uc73c\ub85c<\/a> \uc120\ud0dd\ud55c \uc694\uc18c\uc5d0 CSS\ub97c \uad6c\uc131\ud558\uace0 \uc801\uc6a9\ud569\ub2c8\ub2e4. <\/h6>\n<p>\uc18d\uc131 \uc774\ub984\uc744 \uc785\ub825\ud558\uba74 \uc561\uc138\uc2a4 \uac00\ub2a5\ud55c \uc18d\uc131\uacfc \ud574\ub2f9 \ud0a4\ubcf4\ub4dc \ub2e8\ucd95\ud0a4(\uc608: <strong>\uba85\ub839<\/strong> + <strong>1<\/strong>, <strong>\uba85\ub839<\/strong> + <strong>2<\/strong>\ub4f1)\uc774 \uc2e4\ud604\ub420 \uc608\uc815\uc774\ub2e4. \uc18d\uc131 \ud544\ub4dc\ub97c \uc790\ub3d9\ud654\ud558\ub824\uba74 <strong>\uba85\ub839<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c) + <strong>\uc22b\uc790<\/strong> \uc6d0\ud558\ub294 \uc18d\uc131 \uc606\uc758 \uc790\ub3d9 \uc644\uc131 \ubaa9\ub85d\uc5d0 \ud45c\uc2dc\ub418\uac70\ub098 <strong>\uc704\ub85c<\/strong> \uadf8\ub9ac\uace0 <strong>\uc544\ub798\uc5d0<\/strong> \ud0a4\ubcf4\ub4dc\uc758 \ud0a4\ub97c \ub20c\ub7ec \ud65c\uc6a9\ud558\ub824\ub294 \uc18d\uc131\uc744 \uac15\uc870 \ud45c\uc2dc\ud558\uace0 \ub204\ub985\ub2c8\ub2e4. <strong>\uc785\ub825\ud558\ub2e4 <\/strong>\ub610\ub294<strong> \ud0ed<\/strong> \uadf8\uac83\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4. <\/p>\n<h6><strong>\ub0b4\ubd80\uc790 \ud301:<\/strong> \uc77c\ub828\uc758 \ub9de\ucda4\ud615 \uc18d\uc131 \ubc0f \uac12\uc744 \uc801\uc6a9\ud560 \ub54c \ub2e4\uc74c\uc744 \ub204\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\ud0ed<\/strong> \uac12\uc744 \uae30\ub85d\ud558\uae30 \uc704\ud574 \uac12\uc744 \uc785\ub825\ud55c \ud6c4 <em>\uadf8\ub9ac\uace0<\/em> \ucd94\uac00\ud558\ub824\ub294 \ub2e4\uc74c \uc18d\uc131\uc744 \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/h6>\n<p>Designer \uce94\ubc84\uc2a4\ub294 \ub9de\ucda4\ud615 \uc18d\uc131 \ubc0f \uac12\uc744 \ub3c4\uc785\ud560 \ub54c \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc989\uc2dc \ubc18\uc601\ud569\ub2c8\ub2e4. Webflow \ud638\ud658 \uc18d\uc131\uc744 \uc0bd\uc785\ud558\uace0 \uc5ec\uae30\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758\ub41c \uac12\uc744 \ud560\ub2f9\ud558\uba74 \uc2a4\ud0c0\uc77c \ud328\ub110\uc5d0 \uc124\uc815\ub41c \uae30\uc874 \uac12\uc744 \ub300\uccb4\ud569\ub2c8\ub2e4. \uc2a4\ud0c0\uc77c \ud328\ub110\uc5d0 \uc801\uc6a9\ub41c \ubaa8\ub4e0 \uc2a4\ud0c0\uc77c\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c \uace0\uc720\ud55c \uc911\ub2e8\uc810\uc5d0 \uc11c\ub85c \ub2e4\ub978 \uac12\uc744 \ubd80\uc5ec\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud2b9\uc815 \uc18d\uc131\uc5d0 \ub300\ud574 MDN documentation\uc744 \ucc38\uc870\ud558\ub824\uba74 \uc18d\uc131 \uc774\ub984 \uc704\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \ub193\uace0 <strong>MDN\uc5d0\uc11c \ubcf4\uae30<\/strong>. \ub2f9\uc2e0\uc740 \ub610\ud55c \ubcf4\uc720\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4 <strong>\uba85\ub839<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> (Windows\uc758 \uacbd\uc6b0) \ud0a4\ubcf4\ub4dc\uc5d0\uc11c \uc18d\uc131 \uc774\ub984\uc744 \ud0ed\ud558\uc5ec \uc0c8 \ud0ed\uc5d0\uc11c MDN documentation\uc744 \uc7a0\uae08 \ud574\uc81c\ud558\uc138\uc694.<\/p>\n<p>\ud074\ub798\uc2a4\ub098 \ud0dc\uadf8\uc5d0\uc11c \uac1c\uc778\ud654\ub41c \uc18d\uc131\uc744 \uc81c\uac70\ud558\ub824\uba74 \uc9c0\uc6b0\ub824\ub294 \uc18d\uc131 \uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c \uac00\uc838\uac04 \ub2e4\uc74c &#039;<strong>\uc4f0\ub808\uae30<\/strong>\u201d \uc544\uc774\ucf58\uc785\ub2c8\ub2e4.<\/p>\n<h2>\uac1c\uc778\ud654\ub41c \uac12\uc744 Webflow \ud638\ud658 CSS \uc18d\uc131\uc5d0 \uc5f0\uacb0\ud558\ub294 \ubc29\ubc95<\/h2>\n<p>\uae30\uc874 Webflow \ud638\ud658 \uc18d\uc131\uc5d0 \uac1c\uc778\ud654\ub41c \uac12\uc744 \uc785\ub825\ud558\uc5ec \uc5f0\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110 <\/strong>&gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong>, \uac1c\uc778\ud654\ub41c \uac12\uc744 Webflow \ud638\ud658 \uae00\uaf34, \ud06c\uae30 \ubc0f \uc0c9\uc0c1 \uc18d\uc131\uc5d0 \uc9c1\uc811 \uc5f0\uacb0\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n<ol start=\"1\" role=\"list\">\n<li>\uc2e4\ud589 <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong><\/li>\n<li>\uac1c\uc778\ud654\ub41c \uac12(\uc608: \ub108\ube44 \uc18d\uc131\uc5d0 \ub300\ud55c \uc785\ub825)\uc744 \uc801\uc6a9\ud558\ub824\ub294 \uc785\ub825 \ud544\ub4dc\ub97c \ud074\ub9ad\ud558\uac70\ub098 \ub9c8\uc6b0\uc2a4\uc624\ubc84\ud569\ub2c8\ub2e4.<\/li>\n<li>\ubcf4\ub77c\uc0c9 &#039;\uc744 \ud0ed\ud558\uc138\uc694.<strong>\uc810<\/strong>\u201d \uc544\uc774\ucf58 \u2014 \ubcf4\ub77c\uc0c9 \u201c<strong>\uc810<\/strong>\u201d \uc544\uc774\ucf58\uc740 \uae00\uaf34, \ud06c\uae30, \uc0c9\uc0c1 \uc18d\uc131\uc5d0\ub9cc \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/li>\n<li>\ub2e4\uc74c\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\uad00\uc2b5<\/strong> \ud0ed<\/li>\n<li>\uc785\ub825 <strong>\uac1c\uc778\ud654\ub41c \uac00\uce58<\/strong> \ud604\uc7a5\uc5d0\uc11c (\uc608: \ud074\ub7a8\ud504(1rem, 1.5rem, 1.5rem)) <\/li>\n<\/ol>\n<h6><strong>\uc8fc\ubaa9:<\/strong> \ubc30\uacbd \uc18d\uc131(\uc608: \ubc30\uacbd\uc0c9, \ubc30\uacbd \ud06c\uae30 \ub4f1) \ub610\ub294 \ud558\uc704 \uc18d\uc131(\uc608: box-shadow: 2px custom-value-offset 3px 4px #146EF5)\uc5d0\ub294 \uc0ac\uc6a9\uc790 \uc815\uc758 CSS \uac12\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h6>\n<p>\uae00\uaf34, \ud06c\uae30, \uc0c9\uc0c1 \uc18d\uc131\uc774 \uc544\ub2cc \uc18d\uc131\uc5d0 \uac1c\uc778\ud654\ub41c \uac12\uc744 \uc801\uc6a9\ud558\ub824\ub294 \uacbd\uc6b0 \uba3c\uc800 \ub2e4\uc74c\uc5d0\uc11c \uac1c\uc778\ud654\ub41c \uac12\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong>. <\/p>\n<p>Webflow \ud638\ud658 \uc18d\uc131\uc5d0\uc11c \uac1c\uc778\ud654\ub41c \uac12\uc744 \ubd84\ub9ac\ud558\ub824\uba74 \uc9c0\uc6b0\ub824\ub294 \uac1c\uc778\ud654\ub41c \uac12\uc744 \ud0ed\ud55c \ub2e4\uc74c &quot;<strong>\ud480\ub9ac\ub2e4<\/strong>\u201d \uc544\uc774\ucf58\uc785\ub2c8\ub2e4. \uc5f0\uacb0\uc774 \ud574\uc81c\ub418\uba74 \uac12\uc740 Webflow\uc758 \uae30\ubcf8\uac12\uc73c\ub85c \ub418\ub3cc\uc544\uac11\ub2c8\ub2e4(\uc608: \ub108\ube44\ub294 \uc790\ub3d9\uc73c\ub85c \ub418\ub3cc\uc544\uac00\uace0 \ubd88\ud22c\uba85\ub3c4\ub294 100%\ub85c \ub418\ub3cc\uc544\uac00\ub294 \ub4f1). <\/p>\n<h2>\uac1c\uc778\ud654\ub41c \uac00\uce58\uc5d0 \ubcc0\uc218\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95<\/h2>\n<p>\uac1c\uc778\ud654\ub41c \uac12\uc5d0 \ubcc0\uc218\ub97c \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uc8fc\ubaa9:<\/strong> \uac1c\uc778\ud654\ub41c CSS \uac12\uc774 \ubcc0\uc218 \uac12\uacfc \ub3d9\uc77c\ud55c \uc720\ud615\uc778 \uacbd\uc6b0\uc5d0\ub9cc \ubcc0\uc218\ub97c \uac1c\uc778\ud654\ub41c CSS \uac12\uc73c\ub85c \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4(\uc608: \uc0c9\uc0c1 \ubcc0\uc218\ub97c \uc0c9\uc0c1 \uac12\uc744 \ud5c8\uc6a9\ud558\ub294 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uc758 \uac12\uc73c\ub85c\ub9cc \uc124\uc815\ud560 \uc218 \uc788\uc74c). <\/h6>\n<p>\ubcc0\uc218\ub97c \uc18d\uc131 \uac12\uc5d0 \uc5f0\uacb0\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc218\ud589\ud558\uc2ed\uc2dc\uc624.<\/p>\n<ol start=\"1\" role=\"list\">\n<li>\uc2dc\uc791\ud558\ub2e4 <strong>\ubcc0\uc218 \ud328\ub110<\/strong><\/li>\n<li>\uac1c\uc778\ud654\ub41c CSS \uac12\uc73c\ub85c \uc0ac\uc6a9\ud558\ub824\ub294 \ubcc0\uc218 \uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c \uac00\uc838\uac00\uc138\uc694. <\/li>\n<li>\uc124\uc815 &#039;\uc744 \ud0ed\ud558\uc138\uc694.<strong>\uc7a5\ubd80<\/strong>&quot; \uc544\uc774\ucf58<\/li>\n<li>\ud0ed\ud558\uc138\uc694. <strong>CSS<\/strong> \ud574\ub2f9 \uac12\uc744 \ubcf5\uc81c\ud558\ub294 \ud544\ub4dc(\uc608: var(\u2013webflow-blue)) <\/li>\n<li>\uac1c\uc778\ud654\ub41c \uc18d\uc131\uc744 \uc801\uc6a9\ud558\ub824\ub294 \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uc138\uc694. <\/li>\n<li>\ub2e4\uc74c\uc73c\ub85c \uc9c4\ucd9c <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong><\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\ucd94\uac00\ud558\ub2e4<\/strong><\/li>\n<li>CSS \uc18d\uc131\uc744 \uc785\ub825\ud558\uc138\uc694 <strong>\uc9c0\uc815<\/strong> \ud604\uc7a5\uc5d0\uc11c(\uc608: \ud14d\uc2a4\ud2b8-\uc7a5\uc2dd-\uc0c9\uc0c1)<\/li>\n<li>\ubcf5\uc81c\ud55c \uac12\uc744 \ubd99\uc5ec\ub123\uc73c\uc138\uc694. <strong>CSS<\/strong> \ud544\ub4dc\uc758 <strong>\uac12<\/strong> \ud544\ub4dc<\/li>\n<li>\ub54c\ub9ac\ub2e4 <strong>\uc785\ub825\ud558\ub2e4<\/strong> \ud0a4\ubcf4\ub4dc\uc5d0\uc11c<\/li>\n<\/ol>\n<h6><strong>\uc8fc\ubaa9:<\/strong> \uac1c\uc778\ud654\ub41c \uac12\uc5d0 \ud65c\uc6a9\ub418\ub294 \ubcc0\uc218\uc758 \uc774\ub984\uc744 \ubcc0\uacbd\ud558\ub294 \uacbd\uc6b0 \ub9de\ucda4\ud654\ub41c \uac12\uc744 \uc218\ub3d9\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc5ec \uc815\ub82c\ud574\uc57c \ud569\ub2c8\ub2e4. <\/h6>\n<h2>FAQ \ubc0f \ubb38\uc81c \ud574\uacb0<\/h2>\n<h3>\uacf5\uae09\uc5c5\uccb4 \uc811\ub450\uc0ac\uac00 \ubd99\uc740 \uac1c\uc778\ud654\ub41c CSS \uc18d\uc131\uc744 \ud65c\uc6a9\ud558\uace0 \uc2f6\uc9c0\ub9cc \uc790\ub3d9 \uc644\uc131 \ubaa9\ub85d\uc5d0 \uc120\ud0dd \ud56d\ubaa9\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h3>\n<p>\uc81c\ud55c\ub41c \ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0\uc774 \uc788\ub294 CSS \uc18d\uc131\uacfc \uacf5\uae09\uc5c5\uccb4 \uc811\ub450\uc0ac\uac00 \uc788\ub294 \uc18d\uc131(\uc608: -webkit)\uc740 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uc73c\ub85c \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. <\/p>\n<h3>\uc18d\uc131\uc5d0 \uac1c\uc778\ud654\ub41c \uac12\uc744 \uc815\uc758\ud558\uace0 \uc2f6\uc9c0\ub9cc \ud574\ub2f9 \uc18d\uc131\uc774 \uc790\ub3d9 \uc644\uc131 \ubaa9\ub85d\uc5d0 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h3>\n<p>\ud604\uc7ac\ub294 \ub2e4\uc74c \uc18d\uc131\uc5d0 \ub300\ud574 \uac1c\uc778\ud654\ub41c \uac12\uc744 \uc815\uc758\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. <\/p>\n<ul role=\"list\">\n<li>\ubc30\uacbd<\/li>\n<li>\ubc30\uacbd \ucca8\ubd80<\/li>\n<li>\ubc30\uacbd \uc774\ubbf8\uc9c0<\/li>\n<li>\ubc30\uacbd \uc704\uce58<\/li>\n<li>\ubc30\uacbd \ubc18\ubcf5<\/li>\n<li>\ubc30\uacbd \ud06c\uae30<\/li>\n<li>\uae00\uaf34 \ubcc0\ud615 \uc124\uc815<\/li>\n<li>\uc774\ud589<\/li>\n<li>\uc804\ud658 \uc9c0\uc5f0<\/li>\n<li>\uc804\ud658 \uae30\uac04<\/li>\n<li>\uc804\ud658 \uc18d\uc131<\/li>\n<li>\uc804\ud658 \ud0c0\uc774\ubc0d \uae30\ub2a5<\/li>\n<\/ul>\n<h3>\uac1c\uc778\ud654\ub41c \uac12\uc73c\ub85c \uc778\ud574 \uc785\ub825 \uc624\ub958\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/h3>\n<p>\uc124\uc815\ud55c \uac12\uc774 \uc720\ud6a8\ud55c CSS\uc774\uace0 \uc120\ud0dd\ud55c \uc18d\uc131\uc5d0\uc11c \uc9c0\uc6d0\ub418\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \uc18d\uc131 \uc774\ub984 \uc704\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \ub193\uace0 <strong>MDN\uc5d0\uc11c \ubcf4\uae30<\/strong> MDN documentation\uc744 \ubc29\ubb38\ud558\uc5ec \uc18d\uc131\uacfc \uac12\uc774 \uc62c\ubc14\ub974\uac8c \uc124\uc815\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. <\/p>\n<h3>\ub0b4 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uacfc \uac12\uc774 Designer \uce94\ubc84\uc2a4\uc5d0 \ubc18\uc601\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/h3>\n<p>\uc18d\uc131 \ubc0f \uac12\uc774 \uc801\uc808\ud558\uac8c \uad6c\uc131\ub418\uc5c8\uc9c0\ub9cc \ub514\uc790\uc774\ub108 \uce94\ubc84\uc2a4\uc5d0 \ubc18\uc601\ub418\uc9c0 \uc54a\uc740 \uacbd\uc6b0 \uc0ac\uc774\ud2b8 \ubc0f\/\ub610\ub294 \uc0ac\uc6a9\uc790 \uc815\uc758 \ucf54\ub4dc \ud3ec\ud568 \uc694\uc18c\uc758 \uc0ac\uc6a9\uc790 \uc815\uc758 \ucf54\ub4dc\ub97c \uba74\ubc00\ud788 \uc870\uc0ac\ud558\uace0 \ucda9\ub3cc\ud558\ub294 \uc18d\uc131 \ubc0f \uac12\uc744 \uc81c\uac70\ud558\uc2ed\uc2dc\uc624. \ub610\ud55c \uc0c1\ucda9\ub418\ub294 \uc57d\uc5b4\uac00 \uc788\ub294\uc9c0 \uac80\uc0ac\ud574\uc57c \ud569\ub2c8\ub2e4. <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Shorthand_properties\">\uc18d\uae30 \uc18d\uc131<\/a> \u2014 \uc608\ub97c \ub4e4\uc5b4, \ub2e4\uc74c \ucee8\ud2b8\ub864\uc744 \uc0ac\uc6a9\ud558\uc5ec margin-top\uc744 \uc815\uc758\ud55c \uacbd\uc6b0 <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uac04\uaca9<\/strong><em>\uadf8\ub9ac\uace0<\/em> \uc57d\uc2dd \uc5ec\ubc31 \uc18d\uc131\uc744 \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131<\/strong>, \ud55c \uac12\uc774 \ub2e4\ub978 \uac12\ubcf4\ub2e4 \uc6b0\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3>\ub0b4 \uac1c\uc778\ud654\ub41c \uc18d\uc131\uacfc \uac12\uc774 \uac8c\uc2dc\ub41c \uc0ac\uc774\ud2b8\uc5d0 \ub80c\ub354\ub9c1\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. <\/h3>\n<p>\uc18d\uc131\uacfc \uac12\uc774 \uc62c\ubc14\ub974\uac8c \uad6c\uc131\ub418\uc5c8\uc9c0\ub9cc \uac8c\uc2dc\ub41c \uc0ac\uc774\ud2b8\uc5d0\uc11c \ub80c\ub354\ub9c1\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0 \ud14c\uc2a4\ud2b8 \uc911\uc778 \ube0c\ub77c\uc6b0\uc800\uac00 \uc18d\uc131\uacfc \uac12\uc744 \uc9c0\uc6d0\ud558\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ub2f9\uc2e0\uc740 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4 <a href=\"https:\/\/caniuse.com\/\">\uc0ac\uc6a9\ud560 \uc218 \uc788\ub098\uc694? \ub300\uc9c0<\/a> \ube0c\ub77c\uc6b0\uc800 \ud638\ud658\uc131\uc744 \ud655\uc778\ud558\ub824\uba74 CSS \uc18d\uc131\uc744 \uac80\uc0c9\ud558\uc138\uc694. <\/p>\n<p>\ubb38\uc81c\uac00 \uc9c0\uc18d\ub418\uac70\ub098 \ub2e4\ub978 \uc6b0\ub824\uc0ac\ud56d\uc744 \uc2e0\uace0\ud558\ub824\uba74 <a href=\"https:\/\/support.webflow.com\/\">\uace0\uac1d \uc9c0\uc6d0\ud300\uc5d0 \uc5f0\ub77d\ud558\uc138\uc694<\/a> \ubb38\uc81c\ub97c \ubcf5\uc81c\ud558\ub294 \ub2e8\uacc4\ub97c \uc548\ub0b4\ud569\ub2c8\ub2e4.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\uae30\ubcf8 \uc2a4\ud0c0\uc77c \ud328\ub110 \ucee8\ud2b8\ub864\uc774 \uc5c6\ub294 \uc18d\uc131\uc5d0\ub3c4 \uc0ac\uc6a9\uc790 \uc815\uc758 CSS \uc18d\uc131\uc744 \ud074\ub798\uc2a4\uc5d0 \uc801\uc6a9\ud569\ub2c8\ub2e4.","protected":false},"author":2,"featured_media":5160,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-4281","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=4281"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4281\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5150"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=4281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=4281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=4281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}