Archive for the ‘css’ Category

Web Vitals – measurements or metrics, shows how fast, stable, responsive a website feels to real users

Official Core Web Vitals: Important web performance metrics: Popular Chrome extensions for Web Vitals measurements:https://chromewebstore.google.com/detail/core-web-vitals-visualize/mcffmgagphgpgkdclllnilokablhjcge https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?pli=1

Css list with curly brackets

ol { counter-reset: list; } ol > li { list-style: none; } ol > li:before { content: counter(list) ") "; counter-increment: list; } Output: 1) Number1 2) Number2 3) Number3

CSS Rounded Corners

#rcorners1 { border-radius: 25px; }

div containers position

Main keywords which controls div contrainers position: float: left; and clear: left; Size by side example: 1 2 One on top of other example: 1 2

display parameter

display: block comment: for example <div> element takes the whole line as 100% width. display: inline comment: for example <div> element takes only own length and leave rest of the line to next elements