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
Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.