Kako zgraditi zunanji slog

Prednosti in slabosti zunanjih slogov

Ena od najboljših stvari o Cascading Style Sheets je, da jih lahko uporabite, da ohranijo celotno spletno mesto dosledno. Najlažji način za to je povezava ali uvoz zunanjega slognega lista . Če uporabljate isti zunanji slogovni list za vsako stran vašega spletnega mesta, ste lahko prepričani, da bodo imele vse strani enak slog. Prav tako lahko olajšate spremembe v prihodnosti. Ker vsaka stran uporablja isti zunanji slogovni list, bo vsaka sprememba tega lista vplivala na vsako spletno stran. To je veliko bolje, kot da bi morali spremeniti vsako stran posebej!

Prednosti zunanjih slogov

• Lahko nadzirate videz in občutek več dokumentov hkrati.
  • To je še posebej koristno, če delate z ekipo ljudi, da ustvarite svojo spletno stran. Mnoga pravila o slogu je težko zapomniti in medtem ko imate morda vodnik za tiskani slog, je neprekinjeno nenapovedano in dolgočasno, da bi ugotovili, ali je treba besedilo besedila napisati v 12 točkah Arial ali 14 kurirskih sporočil. Z vsem, kar je na enem mestu, in od tega kraja je tudi, če bi naredili spremembe, lahko olajšate vzdrževanje.
• Ustvarite lahko razrede slogov, ki jih lahko nato uporabite za številne različne elemente HTML .
  • Če pogosto uporabljate določen styling pisave, da poudarite različne stvari na svoji strani, lahko uporabite atribut razreda, ki ste ga nastavili v vašem slogovnem listu, da si ogledate in čutite, namesto da določite poseben slog za vsak primer poudarek.
• Lahko enostavno združite svoje sloge, da bi bili učinkovitejši.
  • Vse metode razvrščanja, ki so na voljo CSS, se lahko uporabljajo v zunanjih listih slogov, kar vam omogoča več nadzora in prilagodljivosti na svojih straneh.

Slabosti zunanjih slogov

• Zunanji listi slogov lahko podaljšajo čas prenosa, še posebej, če so zelo veliki. Ker je datoteka CSS ločen dokument, ki ga je treba naložiti, bo to vplivalo na uspešnost za izvedbo tega prenosa.
• Zunanji listi slogov postanejo zelo hitri, saj je težko povedati, kdaj slog ni več v uporabi, ker se stran ne izbriše, ko je stran odstranjena. Pravilno upravljanje datotek CSS je pomembno, še posebej, če več ljudi dela na isti datoteki.
• Če imate samo eno stran spletnega mesta, zunanja datoteka za CSS morda ne bo potrebna, saj imate samo eno stran za slog. Številne koristi zunanjih CSS so izgubljene, če imate samo eno spletno stran.

Kako ustvariti zunanji slog

Zunanji listi slogov so ustvarjeni s podobno sintakso za listine slogovnih ravni dokumentov. Vse, kar morate vključiti, so selektor in izjava. Tako kot v slogu stanja na ravni dokumenta je sintaksa za pravilo:

Ta pravila shranite v besedilno datoteko z razširitvijo .css. To ni potrebno, vendar je dobro navaditi, tako da lahko takoj prepoznate svoje slogovne liste v seznamu imenikov.

Ko imate dokument o slogovnih listih, ga morate povezati s svojimi spletnimi stranmi . To je mogoče storiti na dva načina:

1. Povezovanje
   1. Če želite povezati slogovni list, uporabite oznako HTML. To ima atribute rel , type in href . Atribut rel pove, kaj povezujete (v tem primeru slogovno sliko), vrsta definira MIME-tip za brskalnik, href pa pot do datoteke .css.
2. Uvažanje
   1. V uvodnem listu slogov dokumenta boste uporabili uvoženi slogovni list, tako da lahko uvozite atribute zunanjega slognega lista, ne da bi pri tem izgubili kakšne dokumente. Pokličete jo na podoben način, da pokličete povezano slogovno ploščo, samo ga morate poklicati v deklaraciji na ravni dokumenta. Uvozite lahko toliko zunanjih listov slogov, kot jih potrebujete za vzdrževanje vaše spletne strani.

Izvorni članek Jennifer Krynin. Uredil Jeremy Girard na 8/8/17