Ytri CSS skilgreining og hvernig á að tengja við einn
Þegar vafri hleður upp vefsíðu er hvernig það birtist ákvarðað með upplýsingum frá stílsíðu. Það eru þrjár leiðir til HTML-skrár til að nota stílblað: utanaðkomandi, innbyrðis og í línu.
Innri og innri línuskil eru geymd í HTML skjalinu sjálfu. Þeir eru auðvelt að vinna með í augnablikinu en vegna þess að þeir eru ekki geymdar á miðlægum stað, er það ómögulegt að auðveldlega gera breytingar á stíl á öllum vefsíðunni í einu; þú verður að fara aftur inn í hverja færslu og breyta því handvirkt.
Hins vegar, með utanaðkomandi stíll lak, eru leiðbeiningarnar um flutning síðunnar geymd í einum skrá, sem gerir það mjög auðvelt að breyta stíl á öllu vefsvæði eða mörgum þáttum. Skráin notar .CSS skráarfornafnið og tengill við staðsetningu þessara skráa er innifalin í HTML skjalinu þannig að vefurinn veiti hvar á að leita að leiðbeiningunum um stíl.
Eitt eða fleiri skjöl geta tengst sömu CSS skrá og vefsíðu gæti haft marga einstaka CSS skrár til að stilla mismunandi síður, töflur, myndir osfrv.
Hvernig á að tengja við utanaðkomandi sniðmát
Sérhver vefur blaðsíða sem vill nota tiltekna ytri stíll lak þarf að tengjast CSS skránum innan frá kafla, mikið eins og þetta:
Í þessu dæmi er það eina sem þarf til að breyta því að eiga við um eigin skjal, textar styles.css . Þetta er staðsetning CSS skráarinnar.
Ef skráin er í raun kallað styles.css og er staðsett í nákvæmlega sömu möppu og skjalið sem tengist því, þá getur það haldið áfram nákvæmlega eins og það er að ofan. Hins vegar eru líkurnar á að CSS skráin sé titill eitthvað annað, en þú getur bara breytt nafni frá "stíl" til hvað sem er þitt.
Ef CSS skráin er ekki í rót þessa möppu en í staðinn í undirmöppu gæti það lesið eitthvað svona í staðinn:
Nánari upplýsingar um ytri CSS skrár
Mesta ávinningur af ytri stílblöðum er að þau eru ekki bundin við ákveðna síðu. Ef stíll er gerður innanhúss eða í línu, geta aðrar síður á vefsíðunni ekki bent á þær stillingar fyrir stíl.
Með ytri stíl er hins vegar hægt að nota sömu CSS skrá fyrir bókstaflega sérhverja síðu á vefsíðunni þannig að allir þeirra hafi samræmda útlit og að breyta innihaldi CSS innihaldsefnisins er mjög auðvelt og miðstýrt.
Þú getur séð hvernig það virkar fyrir neðan ...
Innri hönnun krefst þess að