[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-571916-105":53,"doc-detail-571916-en":119},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":112,"head_meta":114,"extra_data":116,"updated_unix":118},105,"en","cascading-style-sheets-cheatsheet-css-12","Cascading Style Sheets Cheatsheet - CSS 1&2","","Cascading Style Sheets Cheatsheet (CSS 1&2) provides a compact reference of core CSS properties grouped by purpose. It covers font configuration (family, style, variant, weight, size, combined shorthand), color and background control (color, background-color/image/repeat/attachment/shorthand), text formatting (word/letter spacing, text-decoration, vertical-align, text-transform, text-align, text-indent, line-height), list styling (type, image, position), and box model spacing (margins, padding, borders).",{"@graph":63,"@context":111},[64,80,102],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/cascading-style-sheets-cheatsheet-css-12/571916/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/cascading-style-sheets-cheatsheet-css-12/571916.png","ImageObject",442,249,{"name":88,"@type":89},"Franzy","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-20","2026-10-13",true,{"@type":98,"interactionType":99,"userInteractionCount":101},"InteractionCounter",{"@type":100},"ViewAction",6,{"@type":103,"mainEntity":104},"FAQPage",[105],{"name":106,"@type":107,"acceptedAnswer":108},"Which CSS properties are provided for spacing and layout in the box model?","Question",{"text":109,"@type":110},"It includes margin-top/right/bottom/left and the margin shorthand, then padding-top/right/bottom/left and the padding shorthand, supporting layout spacing control.","Answer","https://schema.org",{"og:url":78,"og:type":113,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":115,"canonical":78},"index,follow",{"doc_id":117,"site_id":56},571916,1792022946,{"code":4,"msg":5,"data":120},{"doc_id":117,"user_id":121,"nickname":88,"user_avatar":122,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":123,"file_id":124,"file_url":125,"file_type":126,"file_size":127,"view_count":101,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":73,"language":128,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":129,"faqs":130,"seo_title":131,"seo_description":61,"update_tm":132,"read_time":9},2336478945519,"https://ap-avatar.wpscdn.com/davatar_085a072bc5b1113ac321206ff7593b45","Cascading Style Sheets Cheatsheet 􀀋&66 􀀔􀀉􀀕􀀌 page 1 of 2  \nFont Properties  \nFont-Family  \nChanges the font family of certain words, sentences, paragraphs, etc.  \nP { font-family: \"New Century Schoolbook\", Times, serif; }  \nFont-Style  \nChanges text: normal, oblique, and italics. H1 { font-style: oblique; }  \nP { font-style: normal; }  \nFont-Variant  \nUsed to display font in normal or small-caps. SPAN { font-variant: small-caps; }  \nFont-Weight  \nUsed to specify the weight of the font.  \nH1 { font-weight: 800; } or P { font-weight: normal; }  \nFont-Size  \nUsed to modify the size of the displayed font. H1 { font-size: large; } or P { font-size: 12pt; } LI { font-size: 90%; }  \nSTRONG { font-size: larger; }  \nFont  \nUsed to combine all properties of fonts. P { font: italic bold 12pt/14pt Times, serif; }  \nColor and Background Properties  \nColor  \nChanges the color of text.  \nH1 { color: blue; } or H2 { color: \\#000080; }  \nBackground-Color  \nSets the background color of an element. BODY { background-color: white; }  \nH1 { background-color: \\#000080; }  \nBackground-Image  \nSets the background image of an element. BODY { background-image: url(/images/foo.gif); }  \nP { background-image: url([http://www.htmlhelp.com/bg.png](http://www.htmlhelp.com/bg.png)); }  \nBackground-Repeat  \nDetermines how a specified background image is repeated. The repeat-x value will repeat the image horizontally while the repeat-y value will repeat the image vertically.  \nBODY { background: white url(candybar.gif); background-repeat: repeat-x; }  \nBackground-Attachment  \nDetermines if a specified background image will scroll with the content or be fixed with regard to the canvas.  \nBODY { background: white url(candybar.gif); background-attachment: fixed; }  \nBackground  \nUsed to combine all properties of background.  \nBODY { background: white url([http://www.htmlhelp.com/foo.gif](http://www.htmlhelp.com/foo.gif)); } BLOCKQUOTE { background: \\#7fffd4; }  \nP { background: url(../backgrounds/pawn.png) \\#f0f8ff fixed; } TABLE { background: red url(leaves.jpg) no-repeat bottom right; }  \nText Properties  \nWord-Spacing  \nDefines an additional amount of space between words. P EM { word-spacing: 0.4em; }  \nP.note { word-spacing: -0.2em; }  \nLetter-Spacing  \nDefines an additional amount of space between characters. H1 { letter-spacing: 0.1em; }  \nP.note { letter-spacing: -0.1em; }  \nText-Decoration  \nAllows text to be decorated through one of five properties: underline, overline, line-through, blink, none.  \nA:link, A:visited, A:active { text-decoration: none; }  \nVertical-Align  \nUsed to alter the vertical positioning of an inline element, relative to its parent element or to the element's line.  \nIMG.middle { vertical-align: middle; } IMG { vertical-align: 50%; }  \n.exponent { vertical-align: super; }  \nText-Transform  \nAllows for capitalizing the first letter of each word (capitalize), capitalizing all letters of a word (uppercase), using all small letters in each word(lowercase), and the inital value(none) .  \nH1 { text-transform: uppercase; } H2 { text-transform: capitalize; }  \nText-Align  \nUsed to justify text left, center, right, and justify. H1 { text-align: center; }  \nP.newspaper { text-align: justify; }  \nText-Indent  \nUsed to specify the amount of indentation prior to the first line of text.  \nP { text-indent: 5em; }  \nLine-Height  \nUsed to control the spacing between baselines of text. P { line-height: 200%; }  \nClassification Properties   \nList-Style-Type  \nSpecifies the type of list-item marker, and is used if list-styleimage is none or if image loading is turned off.  \nLI.square { list-style-type: square; } UL.plain { list-style-type: none; }  \nOL { list-style-type: upper-alpha; } /* A B C D E etc. */ OL OL { list-style-type: decimal; } /* 1 2 3 4 5 etc. */  \nOL OL OL { list-style-type: lower-roman; } /* i ii iii iv v etc. */  \nList-Style-Image  \nSpecifies the image that will be used as list-item marker when image loading is turned on, replacing th","cbCaitSUFcC2EoOE","https://ap.wps.com/l/cbCaitSUFcC2EoOE","pdf",154455,"English","# Font Properties\n## Color and Background Properties\n## Text Properties\n## Classification Properties\n## Box Properties","[{\"question\":\"Which CSS properties are provided for spacing and layout in the box model?\",\"answer\":\"It includes margin-top/right/bottom/left and the margin shorthand, then padding-top/right/bottom/left and the padding shorthand, supporting layout spacing control.\"}]","Cascading Style Sheets Cheatsheet - CSS 1&2 | PDF",1791924439]