Vježba 13: Povezivanje HTML-a i CSS-a, vrste i sintaksa CSS-a
HTML (HyperText Markup Language) je jezik koji se koristi za opisivanje strukture i sadržaja web stranica, dok CSS (Cascading Style Sheets) služi za opisivanje izgleda i oblikovanja elemenata na web stranici1.
CSS je kratica za Cascading Style Sheets2.
CSS je razvila organizacija W3C (World Wide Web Consortium) kako bi se omogućilo odvajanje sadržaja i izgleda web stranica. To omogućuje veću fleksibilnost i jednostavnost održavanja web stranica, jer se promjene u izgledu mogu primijeniti na sve stranice koje koriste isti CSS1.
Uobičajeni način spremanja definicija koje opisuju oblikovanje HTML elemenata je u zasebnoj CSS datoteci koja se povezuje s HTML dokumentom. Prednost ovog pristupa je što se definicije mogu ponovno koristiti na više stranica, a promjene u izgledu se mogu primijeniti na sve stranice koje koriste istu CSS datoteku.
Zadatak: Dokažite to primjerom tako da za neki element (naslov, odlomak i slično) definirate CSS pravilo (npr. za boju) u vanjski CSS, u head sekciju kao unutrašnji, te na kraju kao linijski (tako da npr. svaki puta stavite neku drugu boju). Pokušajte mijenjati mjesta za <link> i <style>. Provjerite i odgovorite, ponaša li se oblikovanje na očekivani način.
lv13.html
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”lv13.css”>
<style>
h{
color: aqua;
}
</style>
</head>
<body>
<h style=”color: red;”>Palacinke</h>
</body>
</html>
lv13.css
h{
color: chartreuse;
}
body{
background-color: gray;
}
Četri vježbe pri dnu
