CSS

Textové vlastnosti

line-height: 1.5; =výška řádku, lze uvádět i v pixelech

font-family: Arial, sans-serif; =typ písma

font-weight: bold; =nastavení tučnosti textu (normal, bold, bolder, lighter, 100-900)

text-align: center;

text-decoration: underline; =dekorace textu (none, underline, overline, line-through

Rozměrové vlastnosti

width: 80%; =šířka nadřadeného elementu

height: 500px;

position: relative; =určení přesného umístění prvků na webu(static, relative, absolute, fixed)

top: 10px; =posune prvek dolů

padding: 20px; =vnitřní okraj prvku

margin: 20px; =vnější okraj prvku

Zarovnání a flexbox

display: flex; =umožní flexibilní uspořádání prvků

justify-content: space-between; =rovnoměrně rozloží prostor mezi prvky

align-items: center; =vertikálně zarovná prvky na střed

Změna stavu prvku

a:hover {color: red;} =změní barvu odkazu na červenou po najetí myši

button:focus {outline: 2px solid blue;} =přidá modrý rámeček okolo tlačítka po kliknutí

Podle velikosti obrazovky

@media (max-width: 600px) {bod{background-color:blue;}} =změna barvy pozadí na menších zařízeních

Rámeček

border: 5px solid black; =5px, tučný, černý rámeček

border-radius: 20px; =zakulacení rohů rámečku

Kurzor

cursor: pointer; =změní kurzor

Stínování

box-shadow: 8px 8px 2px green; =velikost stínu na ose x, ose y, rozostření stínu