Umetanje CSS svojstava u HTML je moguće na tri načina. Internim povezivanjem, vanjskim povezivanje ili umetanjem svojstava unutar samog CSS elementa.
CDN pohrana slika i videa.
Pretvorba formata slika: webp...
Vrhunsko AI povećanje slika!
25Gb podataka.
Zašto ne sada?
CSS omogućava odvajanje sadržaja html dokumenta (web stranice) od njegovog izgleda. Umetanje CSS svojstava u HTML je moguće na tri načina. Internim povezivanjem, vanjskim povezivanje ili umetanjem svojstava unutar samog CSS elementa.
Ovaj način omogućava umetanje CSS svojstava između početne i završne oznake <head> elementa svakog elementa.
Primjer:
<html>
<head>
<style>
<!-- Ovdje dolaze CSS svojstva -->
</style>
</head>
<body>Ovaj način je dobar kod korištenja CSS svojstava u samo jednom html dokumentu (jednoj web stranici). Ne preporučuje se kad ista CSS svojstva koristimo u cijelom web sjedištu.
Svojstva koja želimo koristiti unutar cijelog web sjedišta spremamo u .css datoteku i povezujemo s html dokumentom.
U ovom primjeru smo povezali vanjsku datoteku stil.css s html dokumentom.
<html>
<head>
<link rel="stylesheet" href="stil.css" />
</head>
<body>
Korištenjem vanjskog povezivanja omogućeno je cijelom web sjedištu korištenje iste CSS datoteke. Time je olakšano i pojednostavljeno održavanje web sjedišta.
Za umetanje CSS svojstava unutar samog html elementa moramo koristiti svojstvo elementa style. Dodavanje vrijednosti svojstvu style možemo definirati bilo koje od CSS svojstava.
U ovom primjeru smo dodali html odlomku, css svojstvu boje teksta color vrijednost red:
<p style="color:red;">Crvena boja teksta</p>Ovaj način se ne preporučuje (osim kada je to samo privremeno) zbog otežanog održavanja i promjene izgleda web stranice.
Želite li usavršiti znanje web dizajna ili web programiranja i trebate online instrukcije? Javite se!
