{"id":1440,"date":"2023-08-28T21:31:53","date_gmt":"2023-08-28T21:31:53","guid":{"rendered":"https:\/\/sahaldecode.com\/?page_id=1440"},"modified":"2023-09-14T23:45:43","modified_gmt":"2023-09-14T18:45:43","slug":"css-resource","status":"publish","type":"page","link":"https:\/\/sahaldecode.com\/overapi\/css-resource\/","title":{"rendered":"CSS Cheat sheet Resource"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1440\" class=\"elementor elementor-1440\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7357fe3 e-con-full e-flex e-con e-parent\" data-id=\"7357fe3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4207250 e-flex e-con-boxed e-con e-child\" data-id=\"4207250\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8174db6 e-con-full e-flex e-con e-child\" data-id=\"8174db6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66c4074 elementor-widget__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"66c4074\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t<a href=\"https:\/\/sahaldecode.com\">\n\t\t\t<img decoding=\"async\" width=\"300\" height=\"60\" src=\"https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/08\/cropped-sahaldecode1-e1693350089698-300x60.png\" class=\"attachment-medium size-medium wp-image-2911\" alt=\"\" srcset=\"https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/08\/cropped-sahaldecode1-e1693350089698-300x60.png 300w, https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/08\/cropped-sahaldecode1-e1693350089698-1024x205.png 1024w, https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/08\/cropped-sahaldecode1-e1693350089698-768x154.png 768w, https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/08\/cropped-sahaldecode1-e1693350089698.png 1327w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-172a55e e-con-full e-flex e-con e-child\" data-id=\"172a55e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48b1d47 elementor-nav-menu__align-center elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"48b1d47\" data-element_type=\"widget\" data-settings=\"{&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-plus\\&quot; viewBox=\\&quot;0 0 448 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/sahaldecode.com\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-nav-menu.min.css?ver=1722876650\">\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none\">\n\t\t\t\t<ul id=\"menu-1-48b1d47\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3499\"><a href=\"https:\/\/sahaldecode.com\/overapi\/python-resources\/\" class=\"elementor-item\">Python<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3490\"><a href=\"https:\/\/sahaldecode.com\/overapi\/django\/\" class=\"elementor-item\">Django<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3494\"><a href=\"https:\/\/sahaldecode.com\/overapi\/js-resource\/\" class=\"elementor-item\">JavaScript<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3492\"><a href=\"https:\/\/sahaldecode.com\/overapi\/html-resource\/\" class=\"elementor-item\">HTML<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3489\"><a href=\"https:\/\/sahaldecode.com\/overapi\/css-resource\/\" class=\"elementor-item\">CSS<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3501\"><a class=\"elementor-item\">More<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3488\"><a href=\"https:\/\/sahaldecode.com\/overapi\/csharp-resource\/\" class=\"elementor-sub-item\">Csharp Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3496\"><a href=\"https:\/\/sahaldecode.com\/overapi\/mysql-resource\/\" class=\"elementor-sub-item\">Mysql Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3491\"><a href=\"https:\/\/sahaldecode.com\/overapi\/git-resource\/\" class=\"elementor-sub-item\">Git Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3493\"><a href=\"https:\/\/sahaldecode.com\/overapi\/java-resource\/\" class=\"elementor-sub-item\">Java Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3495\"><a href=\"https:\/\/sahaldecode.com\/overapi\/jquery-resource\/\" class=\"elementor-sub-item\">jQuery Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3497\"><a href=\"https:\/\/sahaldecode.com\/overapi\/nodejs-rsource\/\" class=\"elementor-sub-item\">Nodejs Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3498\"><a href=\"https:\/\/sahaldecode.com\/overapi\/php-resource\/\" class=\"elementor-sub-item\">Php Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3500\"><a href=\"https:\/\/sahaldecode.com\/overapi\/wordpress-resource\/\" class=\"elementor-sub-item\">WordPress Resource<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-48b1d47\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3499\"><a href=\"https:\/\/sahaldecode.com\/overapi\/python-resources\/\" class=\"elementor-item\" tabindex=\"-1\">Python<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3490\"><a href=\"https:\/\/sahaldecode.com\/overapi\/django\/\" class=\"elementor-item\" tabindex=\"-1\">Django<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3494\"><a href=\"https:\/\/sahaldecode.com\/overapi\/js-resource\/\" class=\"elementor-item\" tabindex=\"-1\">JavaScript<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3492\"><a href=\"https:\/\/sahaldecode.com\/overapi\/html-resource\/\" class=\"elementor-item\" tabindex=\"-1\">HTML<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3489\"><a href=\"https:\/\/sahaldecode.com\/overapi\/css-resource\/\" class=\"elementor-item\" tabindex=\"-1\">CSS<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3501\"><a class=\"elementor-item\" tabindex=\"-1\">More<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3488\"><a href=\"https:\/\/sahaldecode.com\/overapi\/csharp-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Csharp Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3496\"><a href=\"https:\/\/sahaldecode.com\/overapi\/mysql-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Mysql Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3491\"><a href=\"https:\/\/sahaldecode.com\/overapi\/git-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Git Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3493\"><a href=\"https:\/\/sahaldecode.com\/overapi\/java-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Java Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3495\"><a href=\"https:\/\/sahaldecode.com\/overapi\/jquery-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">jQuery Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3497\"><a href=\"https:\/\/sahaldecode.com\/overapi\/nodejs-rsource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Nodejs Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3498\"><a href=\"https:\/\/sahaldecode.com\/overapi\/php-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Php Resource<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3500\"><a href=\"https:\/\/sahaldecode.com\/overapi\/wordpress-resource\/\" class=\"elementor-sub-item\" tabindex=\"-1\">WordPress Resource<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-001b9fd e-con-full custom-pdf-styles e-flex e-con e-parent\" data-id=\"001b9fd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bf126e3 e-flex e-con-boxed e-con e-child\" data-id=\"bf126e3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecd82ca elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"ecd82ca\" data-element_type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;collapse_subitems&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-circle&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-circle\\&quot; viewBox=\\&quot;0 0 512 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;},&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-table-of-contents .elementor-toc__header-title{color:var(--header-color)}.elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse,.elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand{display:none}.elementor-widget-table-of-contents .elementor-widget-container{min-height:var(--box-min-height);border:var(--box-border-width,1px) solid var(--box-border-color,#9da5ae);border-radius:var(--box-border-radius,3px);background-color:var(--box-background-color);transition:min-height .4s;overflow:hidden}.elementor-toc__header{display:flex;align-items:center;justify-content:space-between;padding:var(--box-padding,20px);background-color:var(--header-background-color);border-bottom:var(--separator-width,1px) solid var(--box-border-color,#9da5ae)}.elementor-toc__header-title{font-size:18px;margin:0;color:var(--header-color);flex-grow:1}.elementor-toc__toggle-button{cursor:pointer;display:inline-flex}.elementor-toc__toggle-button i{color:var(--toggle-button-color)}.elementor-toc__toggle-button svg{height:1em;width:1em;fill:var(--toggle-button-color)}.elementor-toc__spinner-container{text-align:center}.elementor-toc__spinner{font-size:2em}.elementor-toc__spinner.e-font-icon-svg{height:1em;width:1em}.elementor-toc__body{padding:var(--box-padding,20px);max-height:var(--toc-body-max-height);overflow-y:auto}.elementor-toc__body::-webkit-scrollbar{width:7px}.elementor-toc__body::-webkit-scrollbar-thumb{background-color:#babfc5;border-radius:10px}.elementor-toc__list-wrapper{list-style:none;padding:0}.elementor-toc__list-item{margin-bottom:.5em}.elementor-toc__list-item.elementor-item-active{font-weight:700}.elementor-toc__list-item .elementor-toc__list-wrapper{margin-top:.5em;margin-inline-start:var(--nested-list-indent,1em)}.elementor-toc__list-item-text{transition-duration:var(--item-text-transition-duration)}.elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}.elementor-toc__list-item-text-wrapper{display:flex;align-items:center}.elementor-toc__list-item-text-wrapper:before,.elementor-toc__list-item-text-wrapper i{margin-inline-end:8px;color:var(--marker-color)}.elementor-toc__list-item-text-wrapper svg{margin-inline-end:8px;fill:var(--marker-color);height:var(--marker-size,.5em);width:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper i{font-size:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper:before{font-size:var(--marker-size,1em)}.elementor-toc--content-ellipsis .elementor-toc__list-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elementor-toc__list-items--collapsible>.elementor-toc__list-wrapper>.elementor-toc__list-item>.elementor-toc__list-wrapper{display:none}.elementor-toc__heading-anchor{position:absolute}.elementor-toc__body .elementor-toc__list-item-text{color:var(--item-text-color);-webkit-text-decoration:var(--item-text-decoration);text-decoration:var(--item-text-decoration);transition-duration:var(--item-text-transition-duration)}.elementor-toc__body .elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}ol.elementor-toc__list-wrapper{counter-reset:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item{counter-increment:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper:before{content:counters(item,\".\") \". \"}<\/style>\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h3 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h3>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__ecd82ca\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__ecd82ca\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div id=\"elementor-toc__ecd82ca\" class=\"elementor-toc__body elementor-toc__list-items--collapsible\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40af4b8 para e-flex e-con-boxed e-con e-parent\" data-id=\"40af4b8\" data-element_type=\"container\" id=\"content-pdf\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-496eecd e-flex e-con-boxed e-con e-child\" data-id=\"496eecd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-19af399 e-con-full e-flex e-con e-child\" data-id=\"19af399\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e9dcc2 elementor-widget elementor-widget-heading\" data-id=\"8e9dcc2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">CSS Resource<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0836ed elementor-widget elementor-widget-heading\" data-id=\"c0836ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Online <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd8e13 elementor-widget elementor-widget-text-editor\" data-id=\"8fd8e13\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><a href=\"https:\/\/www.w3.org\/Style\/CSS\/\" rel=\"nofollow noopener\" target=\"_blank\">Official Website CSS<\/a> for Newbie<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-211d71f elementor-widget elementor-widget-heading\" data-id=\"211d71f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Download<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3724621 elementor-widget elementor-widget-text-editor\" data-id=\"3724621\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a href=\"http:\/\/www.cheat-sheets.org\/sites\/css.su\/\" rel=\"nofollow noopener\" target=\"_blank\">CSS in one page<\/a> [html] (CSS.su)<\/li><li><a href=\"https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/09\/css_cheat_sheet-sahaldecode-Overapi.png\">CSS Cheat Sheet<\/a>\u00a0<\/li><li><a href=\"https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/09\/CSS1-Overapi-sahaldecode.pdf\">CSS Level 1<\/a> Quick Reference DeepX Ltd<\/li><li><a href=\"https:\/\/sahaldecode.com\/wp-content\/uploads\/2023\/09\/css2-sahaldecode-Overapi.pdf\">CSS Level 2<\/a> Quick Reference Benjamin Jung\u00a0<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45e3bd6 elementor-widget elementor-widget-heading\" data-id=\"45e3bd6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Related<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d916245 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"d916245\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Blueprint Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/blueprint\">Blueprint<\/a><\/li><li><a title=\"HTMl DOM Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/html-dom\">HTML DOM<\/a><\/li><li><a title=\"HTML Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/html-resource\/\">HTML<\/a><\/li><li><a title=\"JavaScript Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/js-resource\/\">JavaScript<\/a><\/li><li><a title=\"Selenium Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/selenium\/\">Selenium<\/a><\/li><li><a title=\"XHTML Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/xhtml\">XHTML<\/a><\/li><li><a title=\"XPath Cheat Sheet\" href=\"https:\/\/sahaldecode.com\/overapi\/xpath\">XPath<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd3ec69 e-flex e-con-boxed e-con e-child\" data-id=\"bd3ec69\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f420630 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f420630\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Box Model<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e1f09 elementor-widget elementor-widget-heading\" data-id=\"b9e1f09\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Margin<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a42bbf elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1a42bbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the margin properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/margin\" rel=\"nofollow noopener\" target=\"_blank\">margin<\/a><\/li><li><a title=\"Sets the bottom margin of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/margin-bottom\" rel=\"nofollow noopener\" target=\"_blank\">margin-bottom<\/a><\/li><li><a title=\"Sets the left margin of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/margin-left\" rel=\"nofollow noopener\" target=\"_blank\">margin-left<\/a><\/li><li><a title=\"Sets the right margin of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/margin-right\" rel=\"nofollow noopener\" target=\"_blank\">margin-right<\/a><\/li><li><a title=\"Sets the top margin of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/margin-top\" rel=\"nofollow noopener\" target=\"_blank\">margin-top<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3591e6b elementor-widget elementor-widget-heading\" data-id=\"3591e6b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Padding<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21c9de0 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"21c9de0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the padding properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/padding\" rel=\"nofollow noopener\" target=\"_blank\">padding<\/a><\/li><li><a title=\"Sets the bottom padding of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/padding-bottom\" rel=\"nofollow noopener\" target=\"_blank\">padding-bottom<\/a><\/li><li><a title=\"Sets the left padding of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/padding-left\" rel=\"nofollow noopener\" target=\"_blank\">padding-left<\/a><\/li><li><a title=\"Sets the right padding of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/padding-right\" rel=\"nofollow noopener\" target=\"_blank\">padding-right<\/a><\/li><li><a title=\"Sets the top padding of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/padding-top\" rel=\"nofollow noopener\" target=\"_blank\">padding-top<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d630a5 elementor-widget elementor-widget-heading\" data-id=\"2d630a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Dimension<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6814a0a elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"6814a0a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets the height of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/height\" rel=\"nofollow noopener\" target=\"_blank\">height<\/a><\/li><li><a title=\"Sets the width of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/width\" rel=\"nofollow noopener\" target=\"_blank\">width<\/a><\/li><li><a title=\"Sets the maximum height of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/max-height\" rel=\"nofollow noopener\" target=\"_blank\">max-height<\/a><\/li><li><a title=\"Sets the maximum width of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/max-width\" rel=\"nofollow noopener\" target=\"_blank\">max-width<\/a><\/li><li><a title=\"Sets the minimum height of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/min-height\" rel=\"nofollow noopener\" target=\"_blank\">min-height<\/a><\/li><li><a title=\"Sets the minimum width of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/min-width\" rel=\"nofollow noopener\" target=\"_blank\">min-width<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc029d elementor-widget elementor-widget-heading\" data-id=\"1bc029d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Border and Outline<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af84ba4 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"af84ba4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the border properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border\" rel=\"nofollow noopener\" target=\"_blank\">border<\/a><\/li><li><a title=\"Sets all the bottom border properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom<\/a><\/li><li><a title=\"Sets the color of the bottom border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom-color\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom-color<\/a><\/li><li><a title=\"Sets the style of the bottom border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom-style\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom-style<\/a><\/li><li><a title=\"Sets the width of the bottom border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom-width\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom-width<\/a><\/li><li><a title=\"Sets the color of the four borders\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-color\" rel=\"nofollow noopener\" target=\"_blank\">border-color<\/a><\/li><li><a title=\"Sets all the left border properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-left\" rel=\"nofollow noopener\" target=\"_blank\">border-left<\/a><\/li><li><a title=\"Sets the color of the left border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-left-color\" rel=\"nofollow noopener\" target=\"_blank\">border-left-color<\/a><\/li><li><a title=\"Sets the style of the left border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-left-style\" rel=\"nofollow noopener\" target=\"_blank\">border-left-style<\/a><\/li><li><a title=\"Sets the width of the left border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-left-width\" rel=\"nofollow noopener\" target=\"_blank\">border-left-width<\/a><\/li><li><a title=\"Sets all the right border properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-right\" rel=\"nofollow noopener\" target=\"_blank\">border-right<\/a><\/li><li><a title=\"Sets the color of the right border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-right-color\" rel=\"nofollow noopener\" target=\"_blank\">border-right-color<\/a><\/li><li><a title=\"Sets the style of the right border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-right-style\" rel=\"nofollow noopener\" target=\"_blank\">border-right-style<\/a><\/li><li><a title=\"Sets the width of the right border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-right-width\" rel=\"nofollow noopener\" target=\"_blank\">border-right-width<\/a><\/li><li><a title=\"Sets the style of the four borders\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-style\" rel=\"nofollow noopener\" target=\"_blank\">border-style<\/a><\/li><li><a title=\"Sets all the top border properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top\" rel=\"nofollow noopener\" target=\"_blank\">border-top<\/a><\/li><li><a title=\"Sets the color of the top border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top-color\" rel=\"nofollow noopener\" target=\"_blank\">border-top-color<\/a><\/li><li><a title=\"Sets the style of the top border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top-style\" rel=\"nofollow noopener\" target=\"_blank\">border-top-style<\/a><\/li><li><a title=\"Sets the width of the top border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top-width\" rel=\"nofollow noopener\" target=\"_blank\">border-top-width<\/a><\/li><li><a title=\"Sets the width of the four borders\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-width\" rel=\"nofollow noopener\" target=\"_blank\">border-width<\/a><\/li><li><a title=\"Sets all the outline properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/outline\" rel=\"nofollow noopener\" target=\"_blank\">outline<\/a><\/li><li><a title=\"Sets the color of an outline\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/outline-color\" rel=\"nofollow noopener\" target=\"_blank\">outline-color<\/a><\/li><li><a title=\"Sets the style of an outline\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/outline-style\" rel=\"nofollow noopener\" target=\"_blank\">outline-style<\/a><\/li><li><a title=\"Sets the width of an outline\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/outline-width\" rel=\"nofollow noopener\" target=\"_blank\">outline-width<\/a><\/li><li><a title=\"Defines the shape of the border of the bottom-left corner\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom-left-radius\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom-left-radius<\/a><\/li><li><a title=\"Defines the shape of the border of the bottom-right corner\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-bottom-right-radius\" rel=\"nofollow noopener\" target=\"_blank\">border-bottom-right-radius<\/a><\/li><li><a title=\"A shorthand property for setting all the border-image-* properties\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image\" rel=\"nofollow noopener\" target=\"_blank\">border-image<\/a><\/li><li><a title=\"Specifies the amount by which the border image area extends beyond the border box\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image-outset\" rel=\"nofollow noopener\" target=\"_blank\">border-image-outset<\/a><\/li><li><a title=\"Specifies whether the image-border should be repeated, rounded or stretched\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image-repeat\" rel=\"nofollow noopener\" target=\"_blank\">border-image-repeat<\/a><\/li><li><a title=\"Specifies the inward offsets of the image-border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image-slice\" rel=\"nofollow noopener\" target=\"_blank\">border-image-slice<\/a><\/li><li><a title=\"Specifies an image to be used as a border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image-source\" rel=\"nofollow noopener\" target=\"_blank\">border-image-source<\/a><\/li><li><a title=\"Specifies the widths of the image-border\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-image-width\" rel=\"nofollow noopener\" target=\"_blank\">border-image-width<\/a><\/li><li><a title=\"A shorthand property for setting all the four border-*-radius properties\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-radius\" rel=\"nofollow noopener\" target=\"_blank\">border-radius<\/a><\/li><li><a title=\"Defines the shape of the border of the top-left corner\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top-left-radius\" rel=\"nofollow noopener\" target=\"_blank\">border-top-left-radius<\/a><\/li><li><a title=\"Defines the shape of the border of the top-right corner\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-top-right-radius\" rel=\"nofollow noopener\" target=\"_blank\">border-top-right-radius<\/a><\/li><li><a title=\"Defines the shape of the border of the top-right corner\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-decoration-break\" rel=\"nofollow noopener\" target=\"_blank\">box-decoration-break<\/a><\/li><li><header><p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/box-shadow\" rel=\"nofollow noopener\" target=\"_blank\">box-shadow<\/a><\/p><\/header><div class=\"section-content\">\u00a0<\/div><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-184bf56 e-flex e-con-boxed e-con e-child\" data-id=\"184bf56\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e20bae4 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e20bae4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Elements<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0a8281 elementor-widget elementor-widget-heading\" data-id=\"f0a8281\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Hyperlink<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba160b elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4ba160b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"A shorthand property for setting the target-name, target-new, and target-position properties\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/HTML\/Element\/a\" rel=\"nofollow noopener\" target=\"_blank\">target<\/a><\/li><li><a title=\"Specifies where to open links (target destination)\" href=\"http:\/\/w3schools.com\/cssref\/css3_pr_target-name.asp\" rel=\"nofollow noopener\" target=\"_blank\">target-name<\/a><\/li><li><a title=\"Specifies whether new destination links should open in a new window or in a new tab of an existing window\" href=\"http:\/\/w3schools.com\/cssref\/css3_pr_target-new.asp\" rel=\"nofollow noopener\" target=\"_blank\">target-new<\/a><\/li><li><a title=\"Specifies where new destination links should be placed\" href=\"http:\/\/w3schools.com\/cssref\/css3_pr_target-position.asp\" rel=\"nofollow noopener\" target=\"_blank\">target-position<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caa0d4e elementor-widget elementor-widget-heading\" data-id=\"caa0d4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Text<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f29a78e elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"f29a78e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets the color of text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/color\" rel=\"nofollow noopener\" target=\"_blank\">color<\/a><\/li><li><a title=\"Specifies the text direction\/writing direction\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/direction\" rel=\"nofollow noopener\" target=\"_blank\">direction<\/a><\/li><li><a title=\"Increases or decreases the space between characters in a text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/letter-spacing\" rel=\"nofollow noopener\" target=\"_blank\">letter-spacing<\/a><\/li><li><a title=\"Sets the line height\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/line-height\" rel=\"nofollow noopener\" target=\"_blank\">line-height<\/a><\/li><li><a title=\"Specifies the horizontal alignment of text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-align\" rel=\"nofollow noopener\" target=\"_blank\">text-align<\/a><\/li><li><a title=\"Specifies the decoration added to text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-decoration\" rel=\"nofollow noopener\" target=\"_blank\">text-decoration<\/a><\/li><li><a title=\"Specifies the indentation of the first line in a text-block\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-indent\" rel=\"nofollow noopener\" target=\"_blank\">text-indent<\/a><\/li><li><a title=\"Controls the capitalization of text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-transform\" rel=\"nofollow noopener\" target=\"_blank\">text-transform<\/a><\/li><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/unicode-bidi\" rel=\"nofollow noopener\" target=\"_blank\">unicode-bidi<\/a><\/li><li><a title=\"Sets the vertical alignment of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/vertical-align\" rel=\"nofollow noopener\" target=\"_blank\">vertical-align<\/a><\/li><li><a title=\"Specifies how white-space inside an element is handled\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/white-space\" rel=\"nofollow noopener\" target=\"_blank\">white-space<\/a><\/li><li><a title=\"Increases or decreases the space between words in a text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/word-spacing\" rel=\"nofollow noopener\" target=\"_blank\">word-spacing<\/a><\/li><li><a title=\"Specifies a text outline\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-outline\" rel=\"nofollow noopener\" target=\"_blank\">text-outline<\/a><\/li><li><a title=\"Specifies what should happen when text overflows the containing element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-overflow\" rel=\"nofollow noopener\" target=\"_blank\">text-overflow<\/a><\/li><li><a title=\"Adds shadow to text \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-shadow\" rel=\"nofollow noopener\" target=\"_blank\">text-shadow<\/a><\/li><li><a title=\"Specifies line breaking rules for text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/text-wrap\" rel=\"nofollow noopener\" target=\"_blank\">text-wrap<\/a><\/li><li><a title=\"Specifies line breaking rules for non-CJK scripts\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/word-break\" rel=\"nofollow noopener\" target=\"_blank\">word-break<\/a><\/li><li><a title=\"Allows long, unbreakable words to be broken and wrap to the next line\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/word-wrap\" rel=\"nofollow noopener\" target=\"_blank\">word-wrap<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcadfb8 elementor-widget elementor-widget-heading\" data-id=\"fcadfb8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">List<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19846e2 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"19846e2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the properties for a list in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/list-style\" rel=\"nofollow noopener\" target=\"_blank\">list-style<\/a><\/li><li><a title=\"Specifies an image as the list-item marker\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/list-style-image\" rel=\"nofollow noopener\" target=\"_blank\">list-style-image<\/a><\/li><li><a title=\"Specifies if the list-item markers should appear inside or outside the content flow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/list-style-position\" rel=\"nofollow noopener\" target=\"_blank\">list-style-position<\/a><\/li><li><a title=\"Specifies the type of list-item marker\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/list-style-type\" rel=\"nofollow noopener\" target=\"_blank\">list-style-type<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e25bc60 elementor-widget elementor-widget-heading\" data-id=\"e25bc60\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Border and Outline<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10699bd elementor-widget elementor-widget-text-editor\" data-id=\"10699bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Specifies whether or not table borders should be collapsed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-collapse\" rel=\"nofollow noopener\" target=\"_blank\">border-collapse<\/a><\/li><li><a title=\"Specifies the distance between the borders of adjacent cells\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/border-spacing\" rel=\"nofollow noopener\" target=\"_blank\">border-spacing<\/a><\/li><li><a title=\"Specifies the placement of a table caption\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/caption-side\" rel=\"nofollow noopener\" target=\"_blank\">caption-side<\/a><\/li><li><a title=\"Specifies whether or not to display borders and background on empty cells in a table\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/empty-cells\" rel=\"nofollow noopener\" target=\"_blank\">empty-cells<\/a><\/li><li><a title=\"Sets the layout algorithm to be used for a table\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/table-layout\" rel=\"nofollow noopener\" target=\"_blank\">table-layout<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c4763 elementor-widget elementor-widget-heading\" data-id=\"c2c4763\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Border and Outline<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-969f058 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"969f058\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"board masonry-brick\"><div class=\"board-card\"><ul><li><span title=\"Sets the direction of the moving content\">marquee-direction<\/span><\/li><li><span title=\"Sets how many times the content move\">marquee-play-count<\/span><\/li><li><span title=\"Sets how fast the content scrolls\">marquee-speed<\/span><\/li><li><span title=\"Sets the style of the moving content\">marquee-style<\/span><\/li><\/ul><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3659da4 e-flex e-con-boxed e-con e-child\" data-id=\"3659da4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e03083 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"7e03083\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Page<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a21c38 elementor-widget elementor-widget-heading\" data-id=\"8a21c38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Content for Page Media<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce03187 elementor-widget elementor-widget-text-editor\" data-id=\"ce03187\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span title=\"Specifies the label of the bookmark\">bookmark-label<\/span><\/li><li><span title=\"Specifies the level of the bookmark\">bookmark-level<\/span><\/li><li><span title=\"Specifies the target of the bookmark link\">bookmark-target<\/span><\/li><li><span title=\"Pushes floated elements in the opposite direction of the where they have been floated with float\">float-offset<\/span><\/li><li><span title=\"Specifies the minimum number of characters in a hyphenated word after the hyphenation character\">hyphenate-after<\/span><\/li><li><span title=\"Specifies the minimum number of characters in a hyphenated word before the hyphenation character\">hyphenate-before<\/span><\/li><li><span title=\"Specifies a string that is shown when a hyphenate-break occurs\">hyphenate-character<\/span><\/li><li><span title=\"Indicates the maximum number of successive hyphenated lines in an element\">hyphenate-lines<\/span><\/li><li><span title=\"Specifies a comma-separated list of external resources that can help the browser determine hyphenation points\">hyphenate-resource<\/span><\/li><li><span title=\"Sets how to split words to improve the layout of paragraphs\">hyphens<\/span><\/li><li><span title=\"Specifies the correct resolution of images\">image-resolution<\/span><\/li><li><span title=\"Adds crop and\/or cross marks to the document\">marks<\/span><\/li><li>string-set<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a0a327 elementor-widget elementor-widget-heading\" data-id=\"7a0a327\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Generated Content\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ccd08 elementor-widget elementor-widget-text-editor\" data-id=\"f4ccd08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Used with the :before and :after pseudo-elements, to insert generated content\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/content\" rel=\"nofollow noopener\" target=\"_blank\">content<\/a><\/li><li><a title=\"Increments one or more counters\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/counter-increment\" rel=\"nofollow noopener\" target=\"_blank\">counter-increment<\/a><\/li><li><a title=\"Creates or resets one or more counters\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/counter-reset\" rel=\"nofollow noopener\" target=\"_blank\">counter-reset<\/a><\/li><li><a title=\"Sets the type of quotation marks for embedded quotations\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/quotes\" rel=\"nofollow noopener\" target=\"_blank\">quotes<\/a><\/li><li><span title=\"Allows a replaced element to be just a rectangular area of an object, instead of the whole object\">crop<\/span><\/li><li><span title=\"Causes an element to be removed from the flow and reinserted at a later point in the document\">move-to<\/span><\/li><li><span title=\"Determines which page-based occurance of a given element is applied to a counter or string value\">page-policy<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-beb83c6 elementor-widget elementor-widget-heading\" data-id=\"beb83c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Page Media\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49c70a0 elementor-widget elementor-widget-text-editor\" data-id=\"49c70a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span title=\"Gives a hint for how to scale a replaced element if neither its width nor its height property is auto\">fit<\/span><\/li><li><span title=\"Determines the alignment of the object inside the box\">fit-position<\/span><\/li><li><span title=\"Specifies a rotation in the right or clockwise direction that a user agent applies to an image\">image-orientation<\/span><\/li><li><span title=\"Specifies a particular type of page where an element SHOULD be displayed\">page<\/span><\/li><li><span title=\"Specifies the size and orientation of the containing box for page content\">size<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-376cd99 e-flex e-con-boxed e-con e-child\" data-id=\"376cd99\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3db338 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d3db338\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Miscellaneous\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfa5965 elementor-widget elementor-widget-heading\" data-id=\"cfa5965\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Print<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9db4f90 elementor-widget elementor-widget-text-editor\" data-id=\"9db4f90\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span title=\"Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element\">orphans<\/span><\/li><li><a title=\"Sets the page-breaking behavior after an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/page-break-after\" rel=\"nofollow noopener\" target=\"_blank\">page-break-after<\/a><\/li><li><a title=\"Sets the page-breaking behavior before an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/page-break-before\" rel=\"nofollow noopener\" target=\"_blank\">page-break-before<\/a><\/li><li><a title=\"Sets the page-breaking behavior inside an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/page-break-inside\" rel=\"nofollow noopener\" target=\"_blank\">page-break-inside<\/a><\/li><li><span title=\"Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element\">widows<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf471b3 elementor-widget elementor-widget-heading\" data-id=\"cf471b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Speech<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f64cfb4 elementor-widget elementor-widget-text-editor\" data-id=\"f64cfb4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span title=\"A shorthand property for setting the mark-before and mark-after properties\">mark<\/span><\/li><li><span title=\"Allows named markers to be attached to the audio stream\">mark-after<\/span><\/li><li><span title=\"Allows named markers to be attached to the audio stream\">mark-before<\/span><\/li><li><span title=\"Specifies a phonetic pronunciation for the text contained by the corresponding element\">phonemes<\/span><\/li><li><span title=\"A shorthand property for setting the rest-before and rest-after properties \">rest<\/span><\/li><li><span title=\"Specifies a rest or prosodic boundary to be observed after speaking an element's content\">rest-after<\/span><\/li><li><span title=\"Specifies a rest or prosodic boundary to be observed before speaking an element's content\">rest-before<\/span><\/li><li><span title=\"Specifies the balance between left and right channels\">voice-balance<\/span><\/li><li><span title=\"Specifies how long it should take to render the selected element's content\">voice-duration<\/span><\/li><li><span title=\"Specifies the average pitch (a frequency) of the speaking voice\">voice-pitch<\/span><\/li><li><span title=\"Specifies variation in average pitch\">voice-pitch-range<\/span><\/li><li><span title=\"Controls the speaking rate\">voice-rate<\/span><\/li><li><span title=\"Indicates the strength of emphasis to be applied\">voice-stress<\/span><\/li><li><span title=\"Refers to the amplitude of the waveform output by the speech synthesises\">voice-volume<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e3fc3 elementor-widget elementor-widget-heading\" data-id=\"22e3fc3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">User-interface\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d00d6a0 elementor-widget elementor-widget-text-editor\" data-id=\"d00d6a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Allows you to make an element look like a standard user interface element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/appearance\" rel=\"nofollow noopener\" target=\"_blank\">appearance<\/a><\/li><li><a title=\"Allows you to define certain elements to fit an area in a certain way\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-sizing\" rel=\"nofollow noopener\" target=\"_blank\">box-sizing<\/a><\/li><li><a title=\"Provides the author the ability to style an element with an iconic equivalent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/icon\" rel=\"nofollow noopener\" target=\"_blank\">icon<\/a><\/li><li><a title=\"Specifies where to navigate when using the arrow-down navigation key\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/nav-down\" rel=\"nofollow noopener\" target=\"_blank\">nav-down<\/a><\/li><li><a title=\"Specifies the tabbing order for an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/nav-index\" rel=\"nofollow noopener\" target=\"_blank\">nav-index<\/a><\/li><li><a title=\"Specifies where to navigate when using the arrow-left navigation key\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/nav-left\" rel=\"nofollow noopener\" target=\"_blank\">nav-left<\/a><\/li><li><a title=\"Specifies where to navigate when using the arrow-right navigation key\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/nav-right\" rel=\"nofollow noopener\" target=\"_blank\">nav-right<\/a><\/li><li><a title=\"Specifies where to navigate when using the arrow-up navigation key\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/nav-up\" rel=\"nofollow noopener\" target=\"_blank\">nav-up<\/a><\/li><li><a title=\"Offsets an outline, and draws it beyond the border edge\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/outline-offset\" rel=\"nofollow noopener\" target=\"_blank\">outline-offset<\/a><\/li><li><a title=\"Specifies whether or not an element is resizable by the user\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/resize\" rel=\"nofollow noopener\" target=\"_blank\">resize<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f11a489 e-con-full e-flex e-con e-child\" data-id=\"f11a489\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5da89c3 elementor-widget elementor-widget-heading\" data-id=\"5da89c3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Selectors\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0277c15 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"0277c15\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Basic Selectors\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c42af73 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c42af73\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements with class=\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Class_selectors\" rel=\"nofollow noopener\" target=\"_blank\">.<i>class<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the element with id=\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/ID_selectors\" rel=\"nofollow noopener\" target=\"_blank\">#<i>id<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Universal_selectors\" rel=\"nofollow noopener\" target=\"_blank\">*<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects all &lt;p&gt; elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Type_selectors\" rel=\"nofollow noopener\" target=\"_blank\">element<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects all &lt;div&gt; elements and all &lt;p&gt; elements\" href=\"http:\/\/www.w3schools.com\/cssref\/sel_element_comma.asp\" rel=\"nofollow noopener\" target=\"_blank\">element,element<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects all &lt;p&gt; elements inside &lt;div&gt; elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Descendant_selectors\" rel=\"nofollow noopener\" target=\"_blank\"><i>element<\/i>\u00a0<i>element<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects all &lt;p&gt; elements where the parent is a &lt;div&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Child_selectors\" rel=\"nofollow noopener\" target=\"_blank\"><i>element<\/i>&gt;<i>element<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects all &lt;p&gt; elements that are placed immediately after &lt;div&gt; elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Adjacent_sibling_selectors\" rel=\"nofollow noopener\" target=\"_blank\"><i>element<\/i>+<i>element<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements with a target attribute\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements with target=\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements with a title attribute containing the word \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>~=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all elements with a lang attribute value starting with \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>|=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;ul&gt; element that are preceded by a &lt;p&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\"><i>element1<\/i>~<i>element2<\/i><\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;a&gt; element whose src attribute value begins with \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Attribute_selectors\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>^=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;a&gt; element whose src attribute value ends with \" href=\"http:\/\/www.w3schools.com\/cssref\/sel_attr_end.asp\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>$=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;a&gt; element whose src attribute value contains the substring \" href=\"http:\/\/www.w3schools.com\/cssref\/sel_attr_contain.asp\" rel=\"nofollow noopener\" target=\"_blank\">[<i>attribute<\/i>*=<i>value<\/i>]<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><span class=\"color_h1\">[<i>attribute*<\/i>=<i>value<\/i>]<\/span><\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5ed10e elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b5ed10e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pseudo-Selectors\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23a5baa elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"23a5baa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all unvisited links\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:link\" rel=\"nofollow noopener\" target=\"_blank\">:link<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects all visited links\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:visited\" rel=\"nofollow noopener\" target=\"_blank\">:visited<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the active link\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:active\" rel=\"nofollow noopener\" target=\"_blank\">:active<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects links on mouse over\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:hover\" rel=\"nofollow noopener\" target=\"_blank\">:hover<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the input element which has focus\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:focus\" rel=\"nofollow noopener\" target=\"_blank\">:focus<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects the first letter of every &lt;p&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/::first-letter\" rel=\"nofollow noopener\" target=\"_blank\">:first-letter<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects the first line of every &lt;p&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/::first-line\" rel=\"nofollow noopener\" target=\"_blank\">:first-line<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the first child of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:first-child\" rel=\"nofollow noopener\" target=\"_blank\">:first-child<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Insert content before\u00a0 the content of every &lt;p&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:before\" rel=\"nofollow noopener\" target=\"_blank\">:before<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Insert content after every &lt;p&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:after\" rel=\"nofollow noopener\" target=\"_blank\">:after<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element with a lang attribute value starting with \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:lang\" rel=\"nofollow noopener\" target=\"_blank\">:lang(<i>language<\/i>)<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the first &lt;p&gt; element of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:first-of-type\" rel=\"nofollow noopener\" target=\"_blank\">:first-of-type<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the last &lt;p&gt; element of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:last-of-type\" rel=\"nofollow noopener\" target=\"_blank\">:last-of-type<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the only &lt;p&gt; element of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:only-of-type\" rel=\"nofollow noopener\" target=\"_blank\">:only-of-type<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the only child of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:only-child\" rel=\"nofollow noopener\" target=\"_blank\">:only-child<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the second child of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:nth-child\" rel=\"nofollow noopener\" target=\"_blank\">:nth-child(<i>n<\/i>)<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the second child of its parent, counting from the last child\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:nth-last-child\" rel=\"nofollow noopener\" target=\"_blank\">:nth-last-child(<i>n<\/i>)<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the second &lt;p&gt; element of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:nth-of-type\" rel=\"nofollow noopener\" target=\"_blank\">:nth-of-type(<i>n<\/i>)<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that is the last child of its parent\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:last-child\" rel=\"nofollow noopener\" target=\"_blank\">:last-child<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects elements that is not represented by the argument\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/:not\" rel=\"nofollow noopener\" target=\"_blank\">:not<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the document\u2019s root element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:root\" rel=\"nofollow noopener\" target=\"_blank\">:root<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every &lt;p&gt; element that has no children (including text nodes)\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:empty\" rel=\"nofollow noopener\" target=\"_blank\">:empty<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the current active #news element (clicked on a URL containing that anchor name)\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:target\" rel=\"nofollow noopener\" target=\"_blank\">:target<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every enabled &lt;input&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:enabled\" rel=\"nofollow noopener\" target=\"_blank\">:enabled<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every disabled &lt;input&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:disabled\" rel=\"nofollow noopener\" target=\"_blank\">:disabled<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"font-size: 14px; color: #1b78e2; text-decoration: none; display: block;\" title=\"Selects every checked &lt;input&gt; element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/:checked\" rel=\"nofollow noopener\" target=\"_blank\">:checked<\/a><\/span><\/li><li><span style=\"color: #1b78e2;\"><a style=\"color: #1b78e2;\" title=\"Selects the portion of an element that is selected by a user\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/::selection\" rel=\"nofollow noopener\" target=\"_blank\">::selection<\/a><\/span><\/li><li>\u00a0<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b30a4d e-flex e-con-boxed e-con e-child\" data-id=\"9b30a4d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a21dcd elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"7a21dcd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Style<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d5570 elementor-widget elementor-widget-heading\" data-id=\"64d5570\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Margin<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab6976 elementor-widget elementor-widget-text-editor\" data-id=\"aab6976\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the background properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background\" rel=\"nofollow noopener\" target=\"_blank\">background<\/a><\/li><li><a title=\"Sets whether a background image is fixed or scrolls with the rest of the page\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-attachment\" rel=\"nofollow noopener\" target=\"_blank\">background-attachment<\/a><\/li><li><a title=\"Sets the background color of an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-color\" rel=\"nofollow noopener\" target=\"_blank\">background-color<\/a><\/li><li><a title=\"Sets the background image for an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-image\" rel=\"nofollow noopener\" target=\"_blank\">background-image<\/a><\/li><li><a title=\"Sets the starting position of a background image\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-position\" rel=\"nofollow noopener\" target=\"_blank\">background-position<\/a><\/li><li><a title=\"Sets how a background image will be repeated\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-repeat\" rel=\"nofollow noopener\" target=\"_blank\">background-repeat<\/a><\/li><li><a title=\"Specifies the painting area of the background\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-clip\" rel=\"nofollow noopener\" target=\"_blank\">background-clip<\/a><\/li><li><a title=\"Specifies the positioning area of the background images\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-origin\" rel=\"nofollow noopener\" target=\"_blank\">background-origin<\/a><\/li><li><a title=\"Specifies the size of the background images\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/background-size\" rel=\"nofollow noopener\" target=\"_blank\">background-size<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e7e67c elementor-widget elementor-widget-heading\" data-id=\"2e7e67c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Color<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0739c8 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c0739c8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@color-profile\" rel=\"nofollow noopener\" target=\"_blank\"><span title=\"Permits the specification of a source color profile other than the default\">color-profile<\/span><\/a><\/li><li><a title=\"Sets the opacity level for an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/opacity\" rel=\"nofollow noopener\" target=\"_blank\">opacity<\/a><\/li><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@color-profile\" rel=\"nofollow noopener\" target=\"_blank\"><span title=\"Permits the specification of a color profile rendering intent other than the default\">rendering-intent<\/span><\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a515bb0 elementor-widget elementor-widget-heading\" data-id=\"a515bb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Fonts<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b05cdf9 elementor-widget elementor-widget-text-editor\" data-id=\"b05cdf9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Sets all the font properties in one declaration\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font\" rel=\"nofollow noopener\" target=\"_blank\">font<\/a><\/li><li><a title=\"Specifies the font family for text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-family\" rel=\"nofollow noopener\" target=\"_blank\">font-family<\/a><\/li><li><a title=\"Specifies the font size of text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-size\" rel=\"nofollow noopener\" target=\"_blank\">font-size<\/a><\/li><li><a title=\"Specifies the font style for text\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-style\" rel=\"nofollow noopener\" target=\"_blank\">font-style<\/a><\/li><li><a title=\"Specifies whether or not a text should be displayed in a small-caps font\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-variant\" rel=\"nofollow noopener\" target=\"_blank\">font-variant<\/a><\/li><li><a title=\"Specifies the weight of a font\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-weight\" rel=\"nofollow noopener\" target=\"_blank\">font-weight<\/a><\/li><li><a title=\"A rule that allows websites to download and use fonts other than the \" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/@font-face\" rel=\"nofollow noopener\" target=\"_blank\">@font-face<\/a><\/li><li><a title=\"Preserves the readability of text when font fallback occurs\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-size-adjust\" rel=\"nofollow noopener\" target=\"_blank\">font-size-adjust<\/a><\/li><li><a title=\"Selects a normal, condensed, or expanded face from a font family\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/font-stretch\" rel=\"nofollow noopener\" target=\"_blank\">font-stretch<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08bfc43 elementor-widget elementor-widget-heading\" data-id=\"08bfc43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Positioning<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23def73 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"23def73\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Specifies the bottom position of a positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/bottom\" rel=\"nofollow noopener\" target=\"_blank\">bottom<\/a><\/li><li><a title=\"Specifies which sides of an element where other floating elements are not allowed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/clear\" rel=\"nofollow noopener\" target=\"_blank\">clear<\/a><\/li><li><a title=\"Clips an absolutely positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/clip\" rel=\"nofollow noopener\" target=\"_blank\">clip<\/a><\/li><li><a title=\"Specifies the type of cursor to be displayed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/cursor\" rel=\"nofollow noopener\" target=\"_blank\">cursor<\/a><\/li><li><a title=\"Specifies how a certain HTML element should be displayed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/display\" rel=\"nofollow noopener\" target=\"_blank\">display<\/a><\/li><li><a title=\"Specifies whether or not a box should float\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/float\" rel=\"nofollow noopener\" target=\"_blank\">float<\/a><\/li><li><a title=\"Specifies the left position of a positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/left\" rel=\"nofollow noopener\" target=\"_blank\">left<\/a><\/li><li><a title=\"Specifies what happens if content overflows an element&#039;s box\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/overflow\" rel=\"nofollow noopener\" target=\"_blank\">overflow<\/a><\/li><li><a title=\"Specifies the type of positioning method used for an element (static,relative, absolute or fixed)\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/position\" rel=\"nofollow noopener\" target=\"_blank\">position<\/a><\/li><li><a title=\"Specifies the right position of a positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/right\" rel=\"nofollow noopener\" target=\"_blank\">right<\/a><\/li><li><a title=\"Specifies the top position of a positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/top\" rel=\"nofollow noopener\" target=\"_blank\">top<\/a><\/li><li><a title=\"Specifies whether or not an element is visible\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/visibility\" rel=\"nofollow noopener\" target=\"_blank\">visibility<\/a><\/li><li><a title=\"Sets the stack order of a positioned element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/z-index\" rel=\"nofollow noopener\" target=\"_blank\">z-index<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b40f8f e-flex e-con-boxed e-con e-child\" data-id=\"0b40f8f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a70483f elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"a70483f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CSS3 Box<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3752613 elementor-widget elementor-widget-heading\" data-id=\"3752613\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Box<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9845701 elementor-widget elementor-widget-text-editor\" data-id=\"9845701\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"board-card\"><ul><li><a title=\"Specifies whether or not to clip the left\/right edges of the content, if it overflows the element&#039;s content area\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/overflow-x\" rel=\"nofollow noopener\" target=\"_blank\">overflow-x<\/a><\/li><li><a title=\"Specifies whether or not to clip the top\/bottom edges of the content, if it overflows the element&#039;s content area\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/overflow-y\" rel=\"nofollow noopener\" target=\"_blank\">overflow-y<\/a><\/li><li><a title=\"Specifies the preferred scrolling method for elements that overflow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/overflow\" rel=\"nofollow noopener\" target=\"_blank\">overflow-style<\/a><\/li><li><a title=\"Rotates an element around a given point defined by the rotation-point property\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transform-function#rotate()\" rel=\"nofollow noopener\" target=\"_blank\">rotation<\/a><\/li><\/ul><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb151ca elementor-widget elementor-widget-heading\" data-id=\"fb151ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Flexible Box\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e88b5d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8e88b5d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Specifies how to align the child elements of a box\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-align\" rel=\"nofollow noopener\" target=\"_blank\">box-align<\/a><\/li><li><a title=\"Specifies in which direction the children of a box are displayed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-direction\" rel=\"nofollow noopener\" target=\"_blank\">box-direction<\/a><\/li><li><a title=\"Specifies whether the children of a box is flexible or inflexible in size\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-flex\" rel=\"nofollow noopener\" target=\"_blank\">box-flex<\/a><\/li><li><a title=\"Assigns flexible elements to flex groups\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-flex-group\" rel=\"nofollow noopener\" target=\"_blank\">box-flex-group<\/a><\/li><li><a title=\"Specifies whether columns will go onto a new line whenever it runs out of space in the parent box\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-lines\" rel=\"nofollow noopener\" target=\"_blank\">box-lines<\/a><\/li><li><a title=\"Specifies the display order of the child elements of a box\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-ordinal-group\" rel=\"nofollow noopener\" target=\"_blank\">box-ordinal-group<\/a><\/li><li><a title=\"Specifies whether the children of a box should be laid out horizontally\tor vertically\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-orient\" rel=\"nofollow noopener\" target=\"_blank\">box-orient<\/a><\/li><li><a title=\"Specifies the horizontal position in horizontal boxes and the vertical position in vertical boxes\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/box-pack\" rel=\"nofollow noopener\" target=\"_blank\">box-pack<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57fb504 elementor-widget elementor-widget-heading\" data-id=\"57fb504\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Line box<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbea04c elementor-widget elementor-widget-text-editor\" data-id=\"bbea04c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><span title=\"Allows more precise alignment of elements\">alignment-adjust<\/span><\/li><li><span title=\"Specifies how an inline-level element is aligned with respect to its parent\">alignment-baseline<\/span><\/li><li><span title=\"Allows repositioning of the dominant-baseline relative to the dominant-baseline\">baseline-shift<\/span><\/li><li><span title=\"Specifies a scaled-baseline-table\">dominant-baseline<\/span><\/li><li><span title=\"Sets the alignment point of the drop initial for the primary connection point\">drop-initial-after-adjust<\/span><\/li><li><span title=\"Sets which alignment line within the initial line box is used at the primary connection point with the initial letter box\">drop-initial-after-align<\/span><\/li><li><span title=\"Sets the alignment point of the drop initial for the secondary connection point\">drop-initial-before-adjust<\/span><\/li><li><span title=\"Sets which alignment line within the initial line box is used at the secondary connection point with the initial letter box\">drop-initial-before-align<\/span><\/li><li><span title=\"Controls the partial sinking of the initial letter\">drop-initial-size<\/span><\/li><li><span title=\"Activates a drop-initial effect\">drop-initial-value<\/span><\/li><li><span title=\"Sets which line of a multi-line inline block align with the previous and next inline elements within a line\">inline-box-align<\/span><\/li><li><span title=\"A shorthand property for setting the line-stacking-strategy, line-stacking-ruby, and line-stacking-shift properties\">line-stacking<\/span><\/li><li><span title=\"Sets the line stacking method for block elements containing ruby annotation elements\">line-stacking-ruby<\/span><\/li><li><span title=\"Sets the line stacking method for block elements containing elements with base-shift\">line-stacking-shift<\/span><\/li><li><span title=\"Sets the line stacking strategy for stacked line boxes within a containing block element\">line-stacking-strategy<\/span><\/li><li><span title=\"Sets the block-progression dimension of the text content area of an inline box\">text-height<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c4b31 elementor-widget elementor-widget-heading\" data-id=\"37c4b31\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Positioning<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff806ce elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"ff806ce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Specifies the number of columns an element should be divided into\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-count\" rel=\"nofollow noopener\" target=\"_blank\">column-count<\/a><\/li><li><a title=\"Specifies how to fill columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-fill\" rel=\"nofollow noopener\" target=\"_blank\">column-fill<\/a><\/li><li><a title=\"Specifies the gap between the columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-gap\" rel=\"nofollow noopener\" target=\"_blank\">column-gap<\/a><\/li><li><a title=\"A shorthand property for setting all the column-rule-* properties\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-rule\" rel=\"nofollow noopener\" target=\"_blank\">column-rule<\/a><\/li><li><a title=\"Specifies the color of the rule between columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-rule-color\" rel=\"nofollow noopener\" target=\"_blank\">column-rule-color<\/a><\/li><li><a title=\"Specifies the style of the rule between columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-rule-style\" rel=\"nofollow noopener\" target=\"_blank\">column-rule-style<\/a><\/li><li><a title=\"Specifies the width of the rule between columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-rule-width\" rel=\"nofollow noopener\" target=\"_blank\">column-rule-width<\/a><\/li><li><a title=\"Specifies how many columns an element should span across\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-span\" rel=\"nofollow noopener\" target=\"_blank\">column-span<\/a><\/li><li><a title=\"Specifies the width of the columns\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/column-width\" rel=\"nofollow noopener\" target=\"_blank\">column-width<\/a><\/li><li><a title=\"A shorthand property for setting column-width and column-count\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/columns\" rel=\"nofollow noopener\" target=\"_blank\">columns<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e32c20b e-flex e-con-boxed e-con e-child\" data-id=\"e32c20b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73076cb elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"73076cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animation<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b308044 elementor-widget elementor-widget-heading\" data-id=\"b308044\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Animation <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e930d05 elementor-widget elementor-widget-text-editor\" data-id=\"e930d05\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Specifies the animation\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/@keyframes\" rel=\"nofollow noopener\" target=\"_blank\">@keyframes<\/a><\/li><li><a title=\"A shorthand property for all the animation properties below, except the animation-play-state property\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation\" rel=\"nofollow noopener\" target=\"_blank\">animation<\/a><\/li><li><a title=\"Specifies a name for the @keyframes animation\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-name\" rel=\"nofollow noopener\" target=\"_blank\">animation-name<\/a><\/li><li><a title=\"Specifies how many seconds or milliseconds an animation takes to complete one cycle\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-duration\" rel=\"nofollow noopener\" target=\"_blank\">animation-duration<\/a><\/li><li><a title=\"Specifies the speed curve of the animation\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-timing-function\" rel=\"nofollow noopener\" target=\"_blank\">animation-timing-function<\/a><\/li><li><a title=\"Specifies when the animation will start\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-delay\" rel=\"nofollow noopener\" target=\"_blank\">animation-delay<\/a><\/li><li><a title=\"Specifies whether animation properties are applied before and after aniamtion execution\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-fill-mode\" rel=\"nofollow noopener\" target=\"_blank\">animation-fill-mode<\/a><\/li><li><a title=\"Specifies the number of times an animation should be played\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-iteration-count\" rel=\"nofollow noopener\" target=\"_blank\">animation-iteration-count<\/a><\/li><li><a title=\"Specifies whether or not the animation should play in reverse on alternate cycles\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-direction\" rel=\"nofollow noopener\" target=\"_blank\">animation-direction<\/a><\/li><li><a title=\"Specifies whether the animation is running or paused\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/animation-play-state\" rel=\"nofollow noopener\" target=\"_blank\">animation-play-state<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1e8777 elementor-widget elementor-widget-heading\" data-id=\"e1e8777\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2D\/3D Transform\n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ccde72 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9ccde72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"Applies a 2D or 3D transformation to an element\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transform\" rel=\"nofollow noopener\" target=\"_blank\">transform<\/a><\/li><li><a title=\"Allows you to change the position on transformed elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transform-origin\" rel=\"nofollow noopener\" target=\"_blank\">transform-origin<\/a><\/li><li><a title=\"Specifies how nested elements are rendered in 3D space\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transform-style\" rel=\"nofollow noopener\" target=\"_blank\">transform-style<\/a><\/li><li><a title=\"Specifies the perspective on how 3D elements are viewed\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/perspective\" rel=\"nofollow noopener\" target=\"_blank\">perspective<\/a><\/li><li><a title=\"Specifies the bottom position of 3D elements\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/perspective-origin\" rel=\"nofollow noopener\" target=\"_blank\">perspective-origin<\/a><\/li><li><a title=\"Defines whether or not an element should be visible when not facing the screen\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/backface-visibility\" rel=\"nofollow noopener\" target=\"_blank\">backface-visibility<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3958228 elementor-widget elementor-widget-heading\" data-id=\"3958228\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Transition<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab1cc21 elementor-widget elementor-widget-text-editor\" data-id=\"ab1cc21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><a title=\"A shorthand property for setting the four transition properties\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transition\" rel=\"nofollow noopener\" target=\"_blank\">transition<\/a><\/li><li><a title=\"Specifies the name of the CSS property the transition effect is for\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transition-property\" rel=\"nofollow noopener\" target=\"_blank\">transition-property<\/a><\/li><li><a title=\"Specifies how many seconds or milliseconds a transition effect takes to complete\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transition-duration\" rel=\"nofollow noopener\" target=\"_blank\">transition-duration<\/a><\/li><li><a title=\"Specifies the speed curve of the transition effect\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transition-timing-function\" rel=\"nofollow noopener\" target=\"_blank\">transition-timing-function<\/a><\/li><li><a title=\"Specifies when the transition effect will start\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/transition-delay\" rel=\"nofollow noopener\" target=\"_blank\">transition-delay<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5be1b98 e-flex e-con-boxed e-con e-parent\" data-id=\"5be1b98\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bac65fa elementor-align-center elementor-widget elementor-widget-button\" data-id=\"bac65fa\" data-element_type=\"widget\" id=\"convert-to-pdf\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Generate PDF Cheatsheet<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8b9eb e-flex e-con-boxed e-con e-parent\" data-id=\"ae8b9eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05be4bc elementor-widget elementor-widget-html\" data-id=\"05be4bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.9.2\/html2pdf.bundle.min.js\"><\/script>\r\n\r\n\r\n<script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const convertToPDFButton = document.getElementById(\"convert-to-pdf\");\r\n    \r\n            convertToPDFButton.addEventListener(\"click\", function () {\r\n                const element = document.getElementById(\"content-pdf\"); \/\/ Specify the element to convert\r\n    \r\n                \/\/ Customize PDF options\r\n                const pdfOptions = {\r\n                    margin: 10,\r\n                    filename: \"Sahaldecode - CSS_Cheat_sheet.pdf\",\r\n                    image: { type: 'jpeg', quality: 0.98 },\r\n                    html2canvas: { scale: 2 },\r\n                    jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\r\n                };\r\n    \r\n                \/\/ Add custom styles\r\n                \/\/ const styles = {\r\n                \/\/      class: '.para' \/\/ Link to your CSS file\r\n                \/\/ };\r\n    \r\n                html2pdf()\r\n                    .from(element)\r\n                    .set(pdfOptions)\r\n                    \/\/ .set(styles) \/\/ Apply custom styles\r\n                    .outputPdf()\r\n                    \/\/ .then(function (pdf) {\r\n                        \/\/ Save the PDF\r\n                    .save(\"Sahaldecode - CSS_Cheat_sheet.pdf\");\r\n                    \r\n            });\r\n        });\r\n    <\/script>\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Table of Contents CSS Resource Online Official Website CSS for Newbie Download CSS in one page [html] (CSS.su) CSS Cheat &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"CSS Cheat sheet Resource\" class=\"read-more button\" href=\"https:\/\/sahaldecode.com\/overapi\/css-resource\/#more-1440\" aria-label=\"Read more about CSS Cheat sheet Resource\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":552,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1440","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/pages\/1440"}],"collection":[{"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/comments?post=1440"}],"version-history":[{"count":2,"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/pages\/1440\/revisions"}],"predecessor-version":[{"id":4240,"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/pages\/1440\/revisions\/4240"}],"up":[{"embeddable":true,"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/pages\/552"}],"wp:attachment":[{"href":"https:\/\/sahaldecode.com\/wp-json\/wp\/v2\/media?parent=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}