CSS
Cascading Style Sheets
CSS je akronim za Cascading Style Sheets.
Što je Cascading Style Sheets?
Snažan alat za web dizajnere i programere koji im omogućuje kontrolu izgleda i rasporeda više web stranica istovremeno. Može se koristiti na tri načina: ugrađeno, u zaglavlju (interno) i kao priložena datoteka stilske tablice (eksterno). Svaka metoda ima svoj slučaj upotrebe i prednosti.
Ugrađeni CSS
Ova metoda uključuje postavljanje CSS pravila izravno unutar HTML elementa, koristeći atribut "style". Svaki HTML element može imati vlastiti atribut stila koji sadrži bilo koji broj CSS svojstava.
- Upotreba:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
- Prozodija: Korisno je za brze, male promjene stila i testiranje.
- Cons: Budući da se stilovi primjenjuju pojedinačno na elemente, ova metoda je neučinkovita za stiliziranje velikih dokumenata. Također zatrpava HTML kod i nije pogodan za dosljedan stil na različitim elementima ili stranicama.
Interni CSS
Ovdje su CSS pravila smještena unutar a <style>
oznaku u dijelu glave HTML dokumenta. Ova se metoda koristi za definiranje stilova za jednu stranicu.
- Upotreba:
<head>
<style>
p { color: blue; font-size: 14px; }
</style>
</head>
- Prozodija: Korisno za stilove koji su jedinstveni za jednu stranicu. Čuva HTML i CSS u jednoj datoteci, što može biti jednostavnije za upravljanje malim projektima ili dokumentima od jedne stranice.
- Cons: Kao i kod ugrađenog CSS-a, nije učinkovit za stiliziranje više stranica i može učiniti HTML dokumente nezgrapnim ako ima puno CSS-a.
Vanjski CSS
Ovo je najčešći i preporučeni način uključivanja CSS-a. CSS pravila smještena su u zasebnu datoteku (s nastavkom .css) i povezana s HTML dokumentom pomoću
<link>
element u dijelu glave.
- Upotreba:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
- Prozodija: Promiče čistiji i organiziraniji HTML. Stilovi se mogu ponovno koristiti na više stranica, što olakšava održavanje i ažuriranje izgleda i dojma web stranice. Također omogućuje brže učitavanje stranice nakon što se pristupi prvoj stranici, jer preglednik sprema CSS datoteku.
- Cons: Početno učitavanje stranice može potrajati malo duže jer preglednik mora preuzeti CSS datoteku.
Odabir CSS implementacije može utjecati na izvedbu web stranice, održavanje i korisničko iskustvo. Učinkovito korištenje CSS-a, prvenstveno vanjskih tablica stilova, može stvoriti dosljedan imidž robne marke, poboljšati vrijeme učitavanja i povećati ukupnu privlačnost web stranice potencijalnim kupcima.
- Skraćenica: CSS
Dodatni akronimi za CSS
- CSS - Usluga usporedbe cijena