CSS Vadnica: Notranji CSS

Notranji CSS (Internal CSS) je metoda oblikovanja, pri kateri so vsi stili zapisani neposredno v HTML dokumentu, in sicer znotraj posebnega elementa <style>, ki se nahaja v glavi strani (<head>). To je srednji korak med "vgrajenim" CSS-jem (ki je kaotičen) in "zunanjim" CSS-jem (ki je najbolj organiziran).

V zgornjem primeru so vsa pravila za barvo ozadja, pisavo in naslove zapisana v enem samem mestu znotraj dokumenta. Vsi elementi na tej strani bodo sledili tem pravilom.

Kako deluje?

Predstavljajte si, da imate eno samo sobo (spletno stran). Namesto da bi vsak kos pohištva (element) pobarvali posebej (vgrajeni CSS), ali pa imeli ločeno knjigo s pravili za vse sobe v hiši (zunanji CSS), napišete pravila za oblikovanje te ene sobe na steno znotraj te sobe. Ta pravila veljajo za celo stran, ne pa za druge strani na vaši spletni lokaciji.

Kdaj uporabiti?

Notranji CSS je idealen za:

• Enostranske spletne strani (Landing Pages): Ko imate samo eno stran in ne potrebujete zunanjih datotek.
• Hitro testiranje: Ko želite hitro videti, kako izgleda celotna stran z novimi stili, ne da bi ustvarjali novo datoteko.
• Enkratne projekte: Ko ne boste ponovno uporabljali stila na drugih straneh.

Prednosti in slabosti

• + Prednost: Vse je na enem mestu (HTML in CSS skupaj), kar olajša prenos datoteke (npr. e-pošta ali enostaven prenos).
• + Prednost: Bolj urejeno kot vgrajeni CSS, saj ne onesnažuje HTML kode znotraj elementov.
• - Slabost: Kode se ne more ponovno uporabiti za druge strani. Če imate 10 strani, morate kodo kopirati 10-krat.
• - Slabost: Brskalnik ne more predpomniti (cache) stila, kar lahko upočasni nalaganje pri obisku drugih strani.

Zaključek: Notranji CSS je odlična rešitev za enostranske projekte ali hitre popravke, a za večje spletne strani z več stranmi je Zunanji CSS vedno boljša izbira zaradi ponovne uporabe in hitrosti.