{"id":75,"date":"2010-04-17T21:50:42","date_gmt":"2010-04-18T06:50:42","guid":{"rendered":"\/blog\/?p=75"},"modified":"2023-09-21T09:41:19","modified_gmt":"2023-09-21T00:41:19","slug":"csscascading-style-sheet-%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=75","title":{"rendered":"CSS(Cascading Style Sheet) \uc815\ub9ac"},"content":{"rendered":"\n\n\n\n
\n

[font-style]<\/FONT><\/P>\n

 <\/P>\n

1. 'font-style: normal;'<\/FONT><\/P>\n

2. 'font-style: italic;'<\/FONT><\/P>\n

3. 'font-style: oblique;'<\/FONT><\/P>\n

 <\/P>\n

[font-weight]<\/FONT><\/P>\n

 <\/P>\n

1. \"font-weight: normal;\"<\/FONT><\/P>\n

2. \"font-weight: bold;\"<\/FONT><\/P>\n

3. \"font-weight: bolder;\"<\/FONT><\/P>\n

4. \"font-weight: lighter;\"<\/FONT><\/P>\n

5. \"font-weight: 100\"<\/FONT><\/P>\n

6. \"font-weight: 200\"<\/FONT><\/P>\n

 <\/P>\n

[font-size] <\/FONT><\/P>\n

 <\/P>\n

1. \"font-size: 12pt;\"<\/FONT><\/P>\n

2 \"font-size: 16px;\"<\/FONT><\/P>\n

3 \"font-size: 0.86cm;\"<\/FONT><\/P>\n

4 \"font-size: 8.6mm;\"<\/FONT><\/P>\n

5 \"font-size: 0.34in;\"<\/FONT><\/P>\n

6 \"font-size: 200%;\"<\/FONT><\/P>\n

 <\/P>\n

[font-variant]<\/FONT><\/P>\n

 <\/P>\n

1. \"font-variant: normal;\" : Cascading Style Sheets<\/FONT><\/P>\n

2. \"font-variant: small-caps;\" : Cascading Style Sheets<\/FONT><\/P>\n

 <\/P>\n

[text-align]<\/FONT><\/P>\n

 <\/P>\n

1. \"text-align: left;\"<\/FONT><\/P>\n

2. \"text-align: justify;\"<\/FONT><\/P>\n

 <\/P>\n

[text-indent]<\/FONT><\/P>\n

 <\/P>\n

1. \"text-indent: 5px;\"<\/FONT><\/P>\n

2. \"text-indent: 3em;\"<\/FONT><\/P>\n

3 \"text-indent: 5cm;\" <\/FONT><\/P>\n

 <\/P>\n

[text-decoration]<\/FONT><\/P>\n

 <\/P>\n

1. \"text-decoration: none;\"<\/FONT><\/P>\n

2. \"text-decoration: underline;\"<\/FONT><\/P>\n

3. \"text-decoration: overline;\"<\/FONT><\/P>\n

4. \"text-decoration: line-through;\"<\/FONT><\/P>\n

5. \"text-decoration: line-through overline underline;\"<\/FONT><\/P>\n

6. \"text-decoration: blink;\"<\/FONT><\/P>\n

 <\/P>\n

[text-transform]<\/FONT><\/P>\n

 <\/P>\n

1. \"text-transform: none;\"<\/FONT><\/P>\n

2. \"text-transform: uppercase;\"<\/FONT><\/P>\n

3. \"text-transform: lowercase;\"<\/FONT><\/P>\n

4. \"text-transform: capitalize;\"<\/FONT><\/P>\n

 <\/P>\n

[letter-spacing]<\/FONT><\/P>\n

 <\/P>\n

1 \"letter-spacing: 1em;\"<\/FONT><\/P>\n

 <\/P>\n

[word-spacing]<\/FONT><\/P>\n

 <\/P>\n

1 \"word-spacing: 1em;\"<\/FONT><\/P>\n

 <\/P>\n

[color]<\/FONT><\/P>\n

 <\/P>\n

1. \"color: navy;\"<\/FONT><\/P>\n

2. \"color: #369369;\"<\/FONT><\/P>\n

3. \"color: rgb(80%,80%,80%);\"<\/FONT><\/P>\n

4. \"color: rgb(111,111,999);\"<\/FONT><\/P>\n

 <\/P>\n

[background-color]<\/FONT><\/P>\n

 <\/P>\n

1. \"background-color: gray;\"<\/FONT><\/P>\n

2. \"background-color: #EEEEEE;\"<\/FONT><\/P>\n

3. \"background-color: rgb(80%,80%,80%);\"<\/FONT><\/P>\n

 <\/P>\n

[background-image]<\/FONT><\/P>\n

 <\/P>\n

1. \"background-image: url(list1.gif)\"<\/FONT><\/P>\n

 <\/P>\n

[background-repeat]<\/FONT><\/P>\n

 <\/P>\n

1 \"background-repeat: repeat;\" <\/FONT><\/P>\n

2. \"background-repeat: repeat-x;\" <\/FONT><\/P>\n

3. \"background-repeat: repeat-y;\" <\/FONT><\/P>\n

4. \"background-repeat: no-repeat;\"<\/FONT><\/P>\n

 <\/P>\n

[background-position]<\/FONT><\/P>\n

 <\/P>\n

1. \"background-position: 10% 10%;\" <\/FONT><\/P>\n

2. \"background-position: 1cm 1cm;\" <\/FONT><\/P>\n

3. \"background-position: top;\" <\/FONT><\/P>\n

4. \"background-position: center;\" <\/FONT><\/P>\n

5. \"background-position: right bottom;\"<\/FONT><\/P>\n

 <\/P>\n

[background-attachment]<\/FONT><\/P>\n

 <\/P>\n

1. \"background-attachment: scroll;\"<\/FONT><\/P>\n

2. \"background-attachment: fixed;\"<\/FONT><\/P>\n

 <\/P>\n

[background]<\/FONT><\/P>\n

 <\/P>\n

1. \"background: url(list1.gif) yellow no-repeat top left\"<\/FONT><\/P>\n

 <\/P>\n

[padding]<\/FONT><\/P>\n

 <\/P>\n

1. \"padding: 0 0 0 0; background-color: #EEEEEE;\"<\/FONT><\/P>\n

2. \"padding: 50px; background-color: rgb(80%,80%,80%);\"<\/FONT><\/P>\n

 <\/P>\n

[margin]<\/FONT><\/P>\n

 <\/P>\n

1. \"margin: 0; background-color: #EEEEEE;\"<\/FONT><\/P>\n

2. \"margin: 50px 50px 50px 50px; background-color: rgb(80%,80%,80%);\"<\/FONT><\/P>\n

3. \"margin: 0 0 0 -30px; background-color: rgb(80%,80%,80%);\"<\/FONT><\/P>\n

 <\/P>\n

[border-style]<\/FONT><\/P>\n

 <\/P>\n

1. border-style: none;\"<\/FONT><\/P>\n

2. \"border-style: solid;\"<\/FONT><\/P>\n

3. \"border-style: dotted;\"<\/FONT><\/P>\n

4. \"border-style: dashed;\"<\/FONT><\/P>\n

5. \"border-style: double;\"<\/FONT><\/P>\n

6. I\"border-style: groove;\"<\/FONT><\/P>\n

7. \"border-style: ridge;\"<\/FONT><\/P>\n

8. \"border-style: inset;\"<\/FONT><\/P>\n

9. \"border-style: outset;\"<\/FONT><\/P>\n

10. \"border-style: solid dashed dotted outset;\"<\/FONT><\/P>\n

 <\/P>\n

[border-width] <\/FONT><\/P>\n

 <\/P>\n

1. \"border-width: 1px 1px 1px 1px;\"<\/FONT><\/P>\n

2. \"border-width: 0 0 0 0; border-style: solid;\"<\/FONT><\/P>\n

3. \"border-width: 1px 1px 1px 1px; border-style: solid;\"<\/FONT><\/P>\n

4. \"border-width: 3px; border-style: solid;\"<\/FONT><\/P>\n

5. \"border-width: 3mm; border-style: solid;\"<\/FONT><\/P>\n

6. \"border-width: 1px 1cm 1mm 1in; border-style: solid;\"<\/FONT><\/P>\n

7. \"border-width: thin; border-style: solid;\"<\/FONT><\/P>\n

8. \"border-width: medium; border-style: solid;\"<\/FONT><\/P>\n

9. \"border-width: thick; border-style: solid;\"<\/FONT><\/P>\n

 <\/P>\n

[border]<\/FONT><\/P>\n

 <\/P>\n

1. \"border: 1px;\"<\/FONT><\/P>\n

2. \"border: #999999;\"<\/FONT><\/P>\n

3. \"border: solid;\"<\/FONT><\/P>\n

4. \"border: solid #999999;\"<\/FONT><\/P>\n

5. \"border: 1px solid #999999\"<\/FONT><\/P>\n

 <\/P>\n

[float]<\/FONT><\/P>\n

 <\/P>\n

1. \"float: left;\" <\/FONT><\/P>\n

 <\/P>\n

[visibility]<\/FONT><\/P>\n

 <\/P>\n

1. \"visibility: visible;\" <\/FONT><\/P>\n

2. \"visibility: hidden;\"<\/FONT><\/P>\n

3. \"visibility: collapse;\"<\/FONT><\/P>\n

 <\/P>\n

[list-style-type]<\/FONT><\/P>\n

 <\/P>\n

1. \"list-style-type: default;\" <\/FONT><\/P>\n

2. \"list-style-type: disc;\" <\/FONT><\/P>\n

3. \"list-style-type: circle;\" <\/FONT><\/P>\n

4. \"list-style-type: square;\" <\/FONT><\/P>\n

5. \"list-style-type: decimal;\" <\/FONT><\/P>\n

6. \"list-style-type: decimal-leading-zero;\" <\/FONT><\/P>\n

7. \"list-style-type: lower-roman;\" <\/FONT><\/P>\n

8. \"list-style-type: upper-roman;\"<\/FONT><\/P>\n

9. \"list-style-type: lower-greek;\" <\/FONT><\/P>\n

10.\"list-style-type: lower-alpha;\" <\/FONT><\/P>\n

11.\"list-style-type: upper-latin;\" <\/FONT><\/P>\n

12.\"list-style-type: none;\" <\/FONT><\/P>\n

 <\/P>\n

[list-style-image]<\/FONT><\/P>\n

 <\/P>\n

1. \"list-style-image: url(list1.gif)\" <\/FONT><\/P>\n

2. \"list-style-image: url(list2.gif)\" <\/FONT><\/P>\n

 <\/P>\n

[list-style-position]<\/FONT><\/P>\n

 <\/P>\n

1. \"list-style-position: inside\" <\/FONT><\/P>\n

2. \"list-style-position: outside\" <\/FONT><\/P>\n

 <\/P>\n

[list-style]<\/FONT><\/P>\n

 <\/P>\n

1. \"list-style: url(list1.gif) inside;\" <\/FONT><\/P>\n

2. \"list-style: square outside;\" <\/FONT><\/P>\n

3. \"list-style: url(list1.gif);\" <\/FONT><\/P>\n

4. \"list-style: square;\" <\/FONT><\/P>\n

5. \"list-style: inside;\" <\/FONT><\/P>\n

 <\/P>\n

[cursor] <\/FONT><\/P>\n

 <\/P>\n

1. cursor: auto;<\/FONT><\/P>\n

2. cursor: crosshair;<\/FONT><\/P>\n

3. cursor: default;<\/FONT><\/P>\n

4. cursor: pointer;<\/FONT><\/P>\n

5. cursor: move;<\/FONT><\/P>\n

6. cursor: e-resize;<\/FONT><\/P>\n

7. cursor: ne-resize;<\/FONT><\/P>\n

8. cursor: nw-resize;<\/FONT><\/P>\n

9. cursor: n-resize;<\/FONT><\/P>\n

10. cursor: se-resize;<\/FONT><\/P>\n

11. cursor: sw-resize;<\/FONT><\/P>\n

12. cursor: s-resize;<\/FONT><\/P>\n

13. cursor: w-resize;<\/FONT><\/P>\n

14. cursor: text;<\/FONT><\/P>\n

15. cursor: wait;<\/FONT><\/P>\n

16. cursor: help;<\/FONT><\/P>\n

17. cursor: url(list1.gif);<\/FONT><\/P><\/TD><\/TR><\/TBODY><\/TABLE>\n\n\n\n
\ub0b4\uc6a9\ucd9c\ucc98 : [\uc9c1\uc811 \uc11c\uc220] www.homepagedesign.co.kr <\/FONT><\/FONT><\/TD><\/TR><\/TBODY><\/TABLE>\n","protected":false},"excerpt":{"rendered":"

[font-style]   1. ‘font-style: normal;’ 2. ‘font-style: italic;’ 3. ‘font-style: oblique;’   [font-weight]   1. “font-weight: normal;” 2. “font-weight: bold;” 3. “font-weight: bolder;” 4. “font-weight: lighter;” 5. “font-weight: 100” 6. “font-weight: 200”   [font-size]   1. “font-size: 12pt;” 2 “font-size: 16px;” 3 “font-size: 0.86cm;” 4 “font-size: 8.6mm;” 5 “font-size: 0.34in;” 6 “font-size: 200%;”   [font-variant] […]<\/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-75","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\/75","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=75"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/75\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}