CSS Harjoitus

Tämä teksti on keskellä ja punainen.

Tämä teksti on vasemmalla ja sininen.

Tämä teksti on oikealla ja vihreä.

300%

Tämä poikkeaa

CSS tyypit

External CSS

External CSS tarkoittaa että tyylit kirjoitetaan erilliseen .css tiedostoon.

Internal CSS

Internal CSS kirjoitetaan HTML-tiedoston head-osaan style-tagilla.

Inline CSS

Inline CSS kirjoitetaan suoraan elementin sisään style-attribuutilla.

Tämä laatikko käyttää 50% läpinäkyvää taustaväriä.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra ligula non elit volutpat, nec luctus nisi gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra ligula non elit volutpat, nec luctus nisi gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra ligula non elit volutpat, nec luctus nisi gravida.

HTML ja CSS Projekti

CSS tyypit

External CSS

Internal CSS

Inline CSS