CSS
8. říjen 2006, 21:42 Kategorie:
2. část kurzu XHTML/CSS
Prezentace
- Co je CSS
- Připojení stylů k dokumentu
- Jednotlivé rodiny vlastností
- barva a pozadí: color, background
- zarovnání: text-align, vertical-align
- fonty: font
- odkazy: a, :hover
- okraje a rámečky: margin, padding, border
- Jednotky v CSS: px, em a procenta
- Sdružování tříd a kaskádování
- Identifikátory a třídy: id a class
Prezentace ke stažení v PPT
Soubory ke stažení
Cvičení
- Vytvořte externí CSS soubor screen.css
- Vložte do svého XHTML dokumentu—životopisu, který již máte z předchozí lekce, odkaz na externí CSS soubor:
Viz: http://www.jakpsatweb.cz/css/css-prakticky.html#externi - V externím CSS stylu změňte barvu nadpisu první úrovně ve svém životopise na modrou
Viz: http://www.jakpsatweb.cz/css/color.html
O barvách se více dozvíte na: http://www.jakpsatweb.cz/archiv/barvy-pojmenovane.html - V externím CSS stylu změňte pozadí nadpisu první úrovně ve svém životopise na žlutou
Viz: http://www.jakpsatweb.cz/css/background-color.html - Podle podkladů z prezentace změňte font v celém dokumentu na Arial, 0.8em a 1.4em řádkování.
- Vycentrujte nadpis první úrovně
Viz: http://www.jakpsatweb.cz/css/text-align.html - Barvu odkazů ve svém dokumentu nastavte na červenou, tučným fontem, viz prezentace
- Po najetí myši nad odkaz, nechť se jeho pozadí zbarví do žluta, viz prezentace
- Nastavte vnitřní okraj (padding) nadpisu první úrovně na 10 obrazových bodů a spodní rámeček udělejte jednopixelový a černý.
Viz: http://www.jakpsatweb.cz/css/border.html - Pozadí seznam vašich pracovních zkušeností z životopisu změňte pomocí identifikátoru na světle šedou:
Viz: http://www.jakpsatweb.cz/css/css-tridy-class.html#identifikatorUlož do delicious, linkuj.cz, jagg.cz, vybrali.sme.sk Díky!
Komentáře jsou uzavřeny