[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-573156-105":53,"doc-detail-573156-en":126},{"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":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","css-cheat-sheet-quick-reference","CSS Cheat Sheet - Quick Reference","","Concise CSS quick reference compiling commonly used layout, box model, positioning, typography, color, and paging rules. Covers margin and padding, border properties and shorthand conventions, display and z-index positioning, dimension utilities, and miscellaneous features like counters and list styles. Includes unit explanations (px, em, ex, mm) and detailed selectors for applying styles, plus media query syntax and print/screen/aural targets. Serves as a fast lookup for building and debugging stylesheets.",{"@graph":63,"@context":118},[64,80,101],{"@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":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/css-cheat-sheet-quick-reference/573156/",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/css-cheat-sheet-quick-reference/573156.png","ImageObject",442,249,{"name":88,"@type":89},"percent12345","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-16","2026-10-13",true,{"@type":98,"interactionType":99,"userInteractionCount":79},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"What CSS properties are covered for the box model (margin, padding, border)?","Question",{"text":108,"@type":109},"The sheet lists margin and padding properties (including side-specific and shorthand notes) and border properties such as border-color, border-style, and border-width, along with border side variants.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"Which positioning-related CSS properties are included?",{"text":113,"@type":109},"It includes display, position, top/right/bottom/left, float, clear, z-index, unicode-bidi, overflow, visibility, and direction, grouped under Positioning.",{"name":115,"@type":106,"acceptedAnswer":116},"How does the sheet reference media queries and paging/printing behavior?",{"text":117,"@type":109},"It shows @media type { selector { property: values; } } syntax and includes targets like screen, print, tv, and braille, plus paging rules such as page-break-before, page-break-after, and page-break-inside.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},573156,1792090390,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":79,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":9,"language":135,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":136,"faqs":137,"seo_title":138,"seo_description":61,"update_tm":139,"read_time":4},1099529851338,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","Boxes  \nmargin *  \nmargin-top  \nmargin-right margin-bottom margin-left  \npadding *  \npadding-top  \npadding-right padding-bottom padding-left  \nborder * border-top * border-bottom * border-right *  \nborder-left *  \nborder-color * border-top-color border-right-color border-bottom-color border-left-color  \nborder-style * border-top-style border-right-style border-bottom-style border-left-style  \nborder-width * border-top-width border-right-width border-bottom-width border-left-width  \nPositioning  \ndisplay position top right bottom left float clear z-index  \ndirection unicode-bidi overflow clip visibility  \nDimensions  \nwidth min-width  \nmax-width  \nheight min-height  \nmax-height line-height vertical-align  \nMiscellaneous  \ncontent quotes counter-reset  \ncounter-increment marker-offset  \nlist-style * list-style-type list-style-image list-style-position  \nShorthand properties are marked with *  \n/* Comment */@media type { selector {  \nproperty: values;}  \n} (Media type optional)  \nStyles apply to:  \ndiv > span \u003Cspan> with \u003Cdiv> as parent  \n\\#itemid Element with id \"itemid\"  \nStyles apply to:  \nall projection  \nbraille embossed handheld  \nscreen speech tty  \nprint tv  \nVisible Area Width  \nHeight Border Padding Margin  \npx Pixels  \nem 1em equal to font size of  \nparent (same as 100%)  \nex  \nHeight of lower case \"x\"  \nmm Millimeters  \n0 0 requires no unit  \nazimuth  \nlist-style  \ndirection  \npage-break-inside  \n~~ empty-cells quotes ~~  \nfont speak  \n~~ font-family speak-header ~~  \nfont-stretch text-align  \n~~ font-size text-indent  ~~font-size-adjust text-transform  \n~~ font-style volume  ~~font-variant white-space  \n~~ font-weight widows  ~~letter-spacing word-spacing  \n~~ line-height ~~  \nPaging  \nsize marks  \npage-break-before page-break-after page-break-inside  \npage orphans widows  \nColor / Background  \ncolor  \n* background background-color background-image background-repeat background-attachment background-position  \nFonts  \n* font  \nfont-family  \nfont-style  \nfont-variant  \nfont-weight  \nfont-stretch  \nfont-size  \nfont-size-adjust  \nText  \ntext-indent  \ntext-align text-decoration text-shadow letter-spacing word-spacing text-transform white-space  \nTables  \ncaption-side table-layout border-collapse border-spacing empty-cells speak-header  \nInterface  \ncursor  \n* outline outline-width  \noutline-style  \noutline-color  \nAural  \nvolume speak  \n* pause pause-before pause-after  \n* cue cue-before cue-after play-during azimuth elevation  \nspeech-rate voice-family pitch pitch-range stress  \nrichness  \nspeak-punctuation speak-numeral Available free from [ILoveJackDaniels.com](ILoveJackDaniels.com)","cbCaiatS5eG5xnSQ","https://ap.wps.com/l/cbCaiatS5eG5xnSQ","pdf",387459,"English","# Box Model\n## Margin and Padding\n## Border and Border Colors\n# Positioning and Display\n## Display, Float, and Z-index\n# Dimensions and Typography\n## Width/Height and Line Height\n## Text Properties\n# Color, Fonts, and Background\n## Font Family and Styles\n## Color and Background\n# Media, Paging, and Units\n## @media Syntax and Targets\n## Page Break Rules","[{\"question\":\"What CSS properties are covered for the box model (margin, padding, border)?\",\"answer\":\"The sheet lists margin and padding properties (including side-specific and shorthand notes) and border properties such as border-color, border-style, and border-width, along with border side variants.\"},{\"question\":\"Which positioning-related CSS properties are included?\",\"answer\":\"It includes display, position, top/right/bottom/left, float, clear, z-index, unicode-bidi, overflow, visibility, and direction, grouped under Positioning.\"},{\"question\":\"How does the sheet reference media queries and paging/printing behavior?\",\"answer\":\"It shows @media type { selector { property: values; } } syntax and includes targets like screen, print, tv, and braille, plus paging rules such as page-break-before, page-break-after, and page-break-inside.\"}]","CSS Cheat Sheet - Quick Reference | PDF",1791933624]