CSS

1. Přímo vložený styl
2. Šablona stylu v dokumentu
3. Externí šablony stylů
4. Syntaxe stylů
5. Třídy stylů
6. Vlastnosti písma
7. Vlastnosti barvy a pozadí
8. Vlastnosti textu
9. Vlastnosti obdelníku
10. Vlastnosti seznamů
11. Značky <style>, <span> a <div>
12. Vlastnosti zobrazení

4. Syntaxe stylů

• Komentáře zapisujeme podobně jako v jazyce C /* komentář */.
  

• Styl zapisujeme následovně:
  

selektor {vlastnost1: hodnota1; vlastnost2: hodnota2; vlastnost3: hodnota3; ...}

h3 { color: blue}

• Vícenásobné selektory

h1 { color: blue}
h2 { color: blue}
h3 { color: blue}

h1, h2, h3 { color: blue}

• Styly pro vnořené značky

ul li {color:black}
ul ul li {color:red}
ul ul ul li {color:green}
ul ul ul ul li {color:blue}

• Škola
• • 1. ročník
  • 2. ročník
  • 3. ročník
  • 4. ročník
    • 4. G
      • studenti
    • 4. H
      • studenti

toto bude červené

• Univerzální selektor

* {color: red}

• Synovský selektor

ol > li {color: red}

• Selektor sousedních značek

p + b {color: red}

Vidím

• Pseudoelement :first-line
• Pseudoelement :first-letter

p:first-line {font-style : italic}
p:first-letter {font-size: 300%}

Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka. Tobselad onověď mělý božkat čníky bicí ří alem ští jítkem Umírně. Podlo neumysl je Obsely čin Tor úmyslupný ští nim leda nucký. Napný lekajakko umí autní Umraburdí Básněžný ští ční čuvalemi úmyvadiát řícipádní. Úmyvaledn parcipádn řícit ří nemi drásníky lválně ačít Záprazy umyvačkod kytanesiv. Lák.

• Pseudoelement :before
• Pseudoelement :after