Hvernig á að byggja upp ytri stílhnapp

Notkun CSS Site Wide

Vefsíður eru blöndu af stíl og uppbyggingu, og á vefnum í dag er best að halda þessum tveimur þáttum vefsvæðis aðskilinn frá hvor öðrum.

HTML hefur alltaf verið það sem veitir síðu með uppbyggingu þess. Í byrjun dagana á vefnum innihéldu HTML einnig stílupplýsingar. Þættir eins og merkið voru fyllt yfir HTML kóða, bæta við útliti og upplifun upplýsinga við hliðina á uppbyggingu upplýsinga. Vefstaðalinn hreyfingar ýtti okkur að því að breyta þessari æfingu og ýta í stað allar stílupplýsingar í CSS eða Cascading Style Sheets. Að taka þetta skref lengra eru núverandi tilmæli að þú notir það sem kallast "ytri stíll lak" fyrir vefsvæðið þitt stíl þörfum.

Kostir og gallar af ytri stílblöð

Einn af bestu hlutunum um Cascading Style Sheets er að þú getur notað þau til að halda öllu þínu samhengi í samræmi. Auðveldasta leiðin til að gera þetta er að tengja eða flytja utanaðkomandi stíll lak . Ef þú notar sömu ytri stíll lak fyrir hverja síðu á síðuna þína, getur þú verið viss um að allar síðurnar muni hafa sömu stíl. Þú getur einnig gert það auðveldara að gera breytingar í framtíðinni. Þar sem allar síður nota sömu ytri stíll lakan, mun breyting á því laki hafa áhrif á hverja síðu. Þetta er miklu betra en að þurfa að breyta hverri síðu fyrir sig!

Kostir ytri stílblöð

  • Þú getur stjórnað útliti nokkurra skjala í einu.
    • Þetta er sérstaklega gagnlegt ef þú vinnur með hópi fólks til að búa til vefsíðu þína. Mörg stílleglur geta verið erfiðar að muna og á meðan þú getur fengið prentað stýrihandbók, er það óhagkvæmt og leiðinlegt að vera stöðugt að fletta í gegnum það til að ákvarða hvort texta sé skrifuð í 12 punkta Arial leturgerð eða 14 punkta hraðboði. Með því að hafa allt á einum stað, og þar sem þessi staður er líka þar sem þú myndir gera breytingar, getur þú gert viðhald svo miklu auðveldara.
  • Þú getur búið til flokka stíla sem síðan er hægt að nota á mörgum mismunandi HTML þætti .
    • Ef þú notar oft ákveðin leturgerð til að leggja áherslu á ýmis atriði á síðunni þinni geturðu notað eigindaskil sem þú setur upp í stílblaðinu þínu til að fá þetta útlit og feel, frekar en að skilgreina ákveðna stíl fyrir hvert dæmi af áhersla.
  • Þú getur auðveldlega flokkað stíl þína til að vera skilvirkari.
    • Allir flokkunaraðferðir sem eru í boði fyrir CSS geta verið notaðar í ytri stílblöð og þetta veitir þér meiri stjórn og sveigjanleika á síðum þínum.

Gallar af ytri stílblöð

  • Ytri stílblöð geta aukið niðurhalstíma, sérstaklega ef þau eru mjög stór. Þar sem CSS skráin er sérstakt skjal sem þarf að hlaða, mun það hafa áhrif á árangur til að framkvæma þá niðurhal.
  • Ytri stíll blöð verða stór mjög fljótt því það er erfitt að segja þegar stíll er ekki lengur í notkun vegna þess að það er ekki eytt þegar blaðið er fjarlægt. Rétt stjórnun á CSS skrám þínum er mikilvægt, sérstaklega ef margir eru að vinna á sömu skrá.
  • Ef þú hefur aðeins vefsíðu á einhliða síðu getur verið að þú hafir utanaðkomandi skrá fyrir CSS þar sem þú hefur aðeins eina síðu til að stilla. Margar af ávinningi af utanaðkomandi CSS tapast þegar þú hefur aðeins eina síðu síðu.

Hvernig á að búa til utanaðkomandi sniðmát

Ytri stíll blöð eru búnar til með svipuðum setningafræði til að skjal stig stíl blöð. Samt sem áður þarf allt sem þú þarft að fela í sér val og yfirlýsingu. Rétt eins og í skjalastigi stílblað er setningafræði reglunnar:

val {eign: gildi;}

Vista þessar reglur í textaskrá með viðbótinni .css. Þetta er ekki krafist, en það er góð venja að komast inn, svo þú getur strax viðurkennt stílblöðin þín í skráningu skráningar.

Þegar þú hefur stílblöð skjal þarftu að tengja það við vefsíður þínar . Þetta er hægt að gera á tvo vegu:

  1. Krækjur
    1. Til að tengja stíll lak notarðu HTML merkið. Þetta hefur eiginleika rel , gerð og href . The Rel eigindi segja hvað þú ert að tengja (í þessu tilfelli stílblöð), skilgreinir tegund MIME-gerð fyrir vafrann og href er leiðin til .css skrána.
  2. Flytur inn
    1. Þú vildir nota innfluttar stíll lags innan skjalastigs stíl lags þannig að þú getir flutt inn eiginleika ytri stíl lags en ekki missa einhver skjal tiltekin sjálfur. Þú kallar það á svipaðan hátt og hringir í tengda stílblað, aðeins það verður að hringja innan skjalastigs stíl yfirlýsingu. Þú getur flutt inn eins mörg ytri stílblöð eins og þú þarft til að viðhalda vefsíðunni þinni.

Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 8/8/17