Barva
Barvu můžeme zapisovat několika způsoby:
- názvem - napíšeme název barvy - black, yellow, green, blue...
- rgb - pomocí rgb modelu, který se dělí na tři části - RedGreenBlue. Tyto části obsahují čísla z rozmezí 0-255 kde 0 reprezentuje černou a 255 reprezentuje bílou - např. rgb(69, 69, 69)
- rgba - v zápisu rgba přidáváme k barvě ještě průhlednost, která je v rozmezí 0-1 - např. rgba(255, 60, 5, 0.5)
- hex - zápis v šestnáctkové soustavě - #rrggbb. Část rr slouží pro zápis červené části, gg slouží pro zápis zelené část, bb slouží pro zápis modré část - např. #88b700
- hsl - zápis ve stylu hsl(barevný tón, sytost, světlost) - např. hsl(81, 68%, 40%)
- hsla - v zápisu hsla přidáváme k barvě ještě průhlednost, která je v rozemzí 0-1 - např. např. hsl(81, 68%, 40%, 0.6)
Barvu můžeme nastavovat několika vlastnostem:
- color - barva textu - např. color: red;
- background-color - barva pozadí - např. background-color: rgba(255, 120, 6, 0.4);
- border - barva pro okraj elementu - border: 5px solid rgb(123, 32, 21);
Editor
Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů
<!DOCTYPE html>
<html>
<head>
<style>
div {
max-width: 980px;
width: 100%;
height: 50px;
background-color: rgba(255, 120, 6, 0.4);
border: 5px solid rgb(123, 32, 21);
}
p {
color: red;
}
</style>
</head>
<body>
<div>
<p>Ahoj svete</p>
</div>
</body>
</html>