Tvorba www stránek CSS (Úvod do kaskádových stylů (Úvod do kaskádových stylů) Ing. Miroslav Vachůn, Ph.D.
Formátování HTML Starší způsob používá přímo HTML tagy Starší způsob používá přímo HTML tagy Kurzíva - kurzíva Kurzíva - kurzíva Novější způsob CSS styly Novější způsob CSS styly používá tag používá tag Pokud si chci dát na stránku nějaký formátovací „špek“ Pokud si chci dát na stránku nějaký formátovací „špek“ Chci použít skriptování (např. Javascript) Chci použít skriptování (např. Javascript) Pokud spravuji nebo tvořím větší web Pokud spravuji nebo tvořím větší web Proč používat CSS?
Některé z možností CSS Nastavit libovolnou a přesnou velikost písma Nastavit libovolnou a přesnou velikost písma Udělat odsazení prvního řádku odstavce Udělat odsazení prvního řádku odstavce Zvýrazňovat odkazy po přejetí myší Zvýrazňovat odkazy po přejetí myší Vytvořit automaticky grafické odrážky Vytvořit automaticky grafické odrážky Zvolené části textu zprůhlednit nebo nezobrazit Zvolené části textu zprůhlednit nebo nezobrazit Nastavit pozadí čehokoliv Nastavit pozadí čehokoliv
Použití css pomocí atributu style="...". Tomu říkám přímý styl. pomocí atributu style="...". Tomu říkám přímý styl. Pomocí "stylopisu" (angl. "stylesheet") v hlavičce stránky Pomocí "stylopisu" (angl. "stylesheet") v hlavičce stránky Použitím externího stylopisu -- to je soubor *.css Použitím externího stylopisu -- to je soubor *.css
Externí soubor.css