Inline, vdelani in zunanji listi slogov: Tukaj morate vedeti
Razvoj spletnega portala je pogosto predstavljen kot blazina s tremi nogami. Te noge so naslednje:
Drugi del tega blata, CSS ali Cascading Style Sheets, je tisto, kar danes iščemo tukaj. Natančneje, želimo nasloviti 3 vrste slogov, ki jih lahko dodate dokumentu.
- Inline stilov
- Vdelani slogi
- Zunanji slogi
Vsaka od teh stilov CSS ima svoje prednosti in pomanjkljivosti, zato si oglejmo vsakega od njih posamično.
Inline Styles
Stalni slogi so slogi, ki so zapisani neposredno v oznaki v dokumentu HTML. Inline slogi vplivajo samo na določeno oznako, na katero se nanašajo. Tukaj je primer inline stila, ki se uporablja za standardno povezavo ali sidro, oznako:
To pravilo CSS bi spremenilo standardni poudarek dekodiranja besedila te povezave. Vendar pa ne bi spremenila druge povezave na strani. To je ena od omejitev inline stilov. Ker se spreminjajo samo za določeno postavko, bi morali za te strani oblikovati svoj HTML, da bi dosegli dejansko oblikovanje strani. To ni najboljša praksa. V bistvu je eden od korakov odstranjen iz dneva oznak "font" in zmesi strukture in sloga na spletnih straneh.
Inline slogi imajo tudi zelo visoko specifičnost.
Zaradi tega je zelo težko prepisati z drugimi, neinlinskimi slogi. Na primer, če želite, da se spletno mesto odziva in spremeni, kako element obravnava določene točke prekinitve z uporabo medijskih poizvedb , bodo stalni elementi na elementu to zelo težko naredili.
Navsezadnje so stalni slogi res primerni samo, če jih uporabljamo zelo varčno.
Pravzaprav redko uporabljam spletne sloge na svojih spletnih straneh.
Vdelani slogi
Vdelani slogi so slogi, ki so vdelani v glavo dokumenta. Vdelani slogi vplivajo samo na oznake na strani, v katero so vdelani. Ta pristop ponovi eno od prednosti CSS. Ker bi vsaka stran imela sloge v
, če želite spremeniti spletno mesto, na primer spreminjanje barve povezav z rdeče v zeleno, morate to spremeniti na vsaki strani, ker vsaka stran uporablja vdelan slogovni list. To je boljše od inline stilov, vendar v mnogih primerih še vedno problematično.
Stylesheets, ki so dodane v
dokumenta dodaja tudi znatno količino označevalne kode na to stran, kar lahko tudi v prihodnje otežuje upravljanje strani.
Korist vdelanih listov slogov je, da obremenitev takoj s stranjo samim, namesto da zahteva nalaganje drugih zunanjih datotek. To je lahko korist od hitrosti prenosa in učinkovitosti .
Zunanji listi slogov
Večina spletnih strani danes uporablja zunanje liste slogov. Zunanji slogi so slogi, ki so napisani v ločenem dokumentu in nato priloženi različnim spletnim dokumentom. Zunanji listi slogov lahko vplivajo na kateri koli dokument, na katerega so priključeni, kar pomeni, da če imate spletno stran s 20 strani, kjer vsaka stran uporablja isti slogovni list (to je običajno, kako je to storjeno), lahko vsakogar naredite vizualno spremembo teh strani s preprosto urejanjem tega slogovnega lista.
To naredi dolgoročno upravljanje lokacije veliko lažje.
Slaba stran do zunanjih slogovnih listov je, da zahtevajo, da strani nalagajo in naložijo te zunanje datoteke. Vsaka stran ne bo uporabljala vsakega sloga v listu CSS, zato bo veliko strani naložilo veliko večjo stran CSS, kot je dejansko potrebno.
Čeprav je res, da je uspešnost hit zunanjih datotek CSS, je gotovo lahko zmanjšana. Realno je, da so datoteke CSS le besedilne datoteke, zato na splošno niso tako velike, da bi lahko začeli. Če celotno spletno mesto uporablja 1 datoteko CSS, dobite tudi prednosti, da se ta dokument predpomni, ko je prvotno naložen.
To pomeni, da bi na prvi strani lahko na prvi strani prišlo do nekaj obiskov, vendar bodo naslednje strani uporabile shranjeno datoteko CSS, tako da bo vsak zadetek zanikan. Zunanji CSS datoteke so kako gradim vse moje spletne strani.