HTML – EncoreSky Blog

HTML

16 Best CSS Properties Every UI Developer Must Know

In the beginning, when I started as a UI Developer, I suffered more from designing pages properly, as I don’t have proper knowledge of...

satveer.randhawa
Apr 2, 2020 4 min read

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}#start-resizable-editor-section{display:none;}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65);}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px;}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65);}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65);}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65);}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor;}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal;}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em;}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal;}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em;}.wp-block-quote.has-text-align-center{border:none;padding-left:0;}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none;}.wp-block-search .wp-block-search__label{font-weight:700;}.wp-block-group.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0;}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4;}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px;}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px;}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px;}.wp-block-table thead{border-bottom:3px solid;}.wp-block-table tfoot{border-top:3px solid;}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal;}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65);}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center;}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65);}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0;}#end-resizable-editor-section{display:none;}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}.btn-simple{background-color:#f16922;border-color:#f16922;}.prevnextlinks a,.article-post a,.post .btn.follow,.post .post-top-meta .author-description a,article.page a,.alertbar a{color:#f16922;}.post .btn.follow,.alertbar input[type="submit"]{border-color:#f16922;}blockquote{border-color:#f16922;}.entry-content input[type=submit],.alertbar input[type="submit"]{background-color:#f16922;border-color:#f16922;}p.sharecolour{color:#999;}.shareitnow ul li a svg,.shareitnow a{fill:#b3b3b3;}.shareitnow li a{color:#b3b3b3;border-color:#d2d2d2;}#comments a{color:#f16922;}.comment-form input.submit{background-color:#f16922;border-color:#f16922;}footer.footer a{color:#f16922;}.carousel-excerpt .fontlight,body{font-family:PT Sans;font-size:15px;font-weight:400;line-height:1.5;color:#666;}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:PT Sans;font-weight:700;color:#111;}.carousel-excerpt .title{font-family:PT Sans;font-size:30px;font-weight:700;text-transform:none;color:#fff;}.carousel-excerpt .fontlight{font-size:18px;font-weight:400;color:#fff;}.mediumnavigation .navbar-brand{font-family:Merriweather;font-size:26px;font-weight:700;}.navbar-toggleable-md .navbar-collapse{font-family:PT Sans;font-weight:400;}.article-post{font-family:Merriweather;font-weight:400;line-height:1.8;color:#222;}.mediumnavigation,.dropdown-menu,.dropdown-item{background-color:rgba(255,255,255,.97);}.mediumnavigation,.mediumnavigation a,.navbar-light .navbar-nav .nav-link{color:#999;}.navbar-light .navbar-brand{color:#111;}.navbar-light .navbar-brand:hover{color:#f16922;}.customarea .btn.follow{border-color:#f16922;color:#f16922;}@media (max-width: 767px){.navbar-collapse{background-color:rgba(255,255,255,.97);}}@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizaRExUiTo99u79D0-Ew8OPIDUg-g.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizaRExUiTo99u79D0aEw8OPIDUg-g.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizaRExUiTo99u79D0yEw8OPIDUg-g.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizaRExUiTo99u79D0KEw8OPIDU.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizfRExUiTo99u79B_mh0OOtKx8a8zILig.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizfRExUiTo99u79B_mh0OqtKx8a8zILig.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizfRExUiTo99u79B_mh0OCtKx8a8zILig.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/pt-sans/jizfRExUiTo99u79B_mh0O6tKx8a8zI.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-440qyriQwlOrhSvowK_l5-cSZKdeX3rsHo.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-440qyriQwlOrhSvowK_l5-eCZKdeX3rsHo.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-440qyriQwlOrhSvowK_l5-cyZKdeX3rsHo.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-440qyriQwlOrhSvowK_l5-ciZKdeX3rsHo.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-440qyriQwlOrhSvowK_l5-fCZKdeX3rg.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-4n0qyriQwlOrhSvowK_l52xwNZVcf8hPvhPUWH.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-4n0qyriQwlOrhSvowK_l52xwNZXMf8hPvhPUWH.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-4n0qyriQwlOrhSvowK_l52xwNZV8f8hPvhPUWH.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-4n0qyriQwlOrhSvowK_l52xwNZVsf8hPvhPUWH.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url("https://cdn-bhgbd.nitrocdn.com/zMcrLXXCzAqzNpSuYwZJxqPabGuyxxDi/assets/static/source/rev-aff344d/blog/wp-content/fonts/merriweather/u-4n0qyriQwlOrhSvowK_l52xwNZWMf8hPvhPQ.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}