Fáðu staðreyndir með þessu CSS stuttu námskeiði
Cascading stíl blöð hafa marga kosti. Þeir leyfa þér að nota sömu stíl blað yfir alla vefsíðuna þína. Það eru tvær leiðir til að gera þetta:
- tengja við LINK þáttinn
- flytja inn með @import skipuninni
-
- @import url ('http://www.yoursite.com/styles.css');
-
Kostir og gallar af ytri stílblöð
Eitt af því sem best er með cascading stílblöð er að þú getur notað þær til að halda vefsvæðinu þínu í 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.
Sumir kostir við að nota ytri stílblöð eru að þú getur stjórnað útliti og skoðun nokkurra skjala í einu. Þetta er sérstaklega gagnlegt ef þú vinnur með hópi fólks til að búa til vefsíðuna þína. Mörg stílleglur geta verið erfiðar að muna og á meðan þú gætir haft prentað stýrihandbók, er það leiðinlegt að þurfa 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.
Þú getur búið til flokka stíla sem síðan er hægt að nota á mörgum mismunandi HTML þætti. Ef þú notar oft sérstakt Wingdings letur til að leggja áherslu á ýmis atriði á síðunni þinni, getur þú notað Wingdings bekkinn sem þú setur upp í stílblaðinu þínum til að búa til þær frekar en að skilgreina ákveðna stíl fyrir hvert dæmi áherslunnar.
Þú 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.
Það er sagt að það eru líka mjög góðar ástæður fyrir því að nota ekki ytri stílblöð. Fyrir einn geturðu aukið niðurhalstímann ef þú hlekkur að mörgum af þeim.
Í hvert skipti sem þú býrð til nýjan CSS-skrá og tengir eða fluttir það inn í skjalið þitt, krefst þess að vafrinn hringir á vefþjóninn til að fá skrána. Og miðlara kallar hægar á síðurnar.
Ef þú ert aðeins með fáein stíll geturðu aukið flókið á síðunni þinni.
Vegna þess að stíllinn er ekki sýnilegur rétt í HTML, þá þarf einhver að horfa á síðuna að fá annað skjal (CSS skrá) til að reikna út hvað er að gerast.
Hvernig á að búa til utanaðkomandi sniðmát
Ytri stílblöð eru skrifuð á sama hátt og innbyggð og innblástur stíll blöð. En allt sem þú þarft að skrifa er stílvalið og yfirlýsingin . Þú þarft ekki STYLE þáttur eða eiginleiki í skjalinu.
Eins og við öll önnur CSS er setningafræði reglunnar:
val {eign: gildi; }
Þessar reglur eru skrifaðar í textaskrá með viðbótinni .css. Til dæmis gætir þú heit stílstíll styles.css þinn.
Þegar þú hefur stílblöð skjal þarftu að tengja það við vefsíður þínar. Eins og ég nefndi hér að framan er þetta gert á tvo vegu.
Krækjur á CSS skjölum
Til að tengja stíll lak notarðu LINK frumefni. Þetta hefur eiginleika rel og href. The Rel eigindi segir vafranum það sem þú ert að tengja (í þessu tilviki stíll lak) og href eigindi halda slóðina í CSS skrá.
Það er einnig valfrjálst eigindategund sem þú getur notað til að skilgreina MIME-gerð tengds skjals. Þetta er ekki krafist í HTML5, en ætti að nota í HTML 4 skjölum.
Hér er kóðinn sem þú myndir nota til að tengja CSS stílblað sem kallast styles.css:
Og í HTML 4 skjali sem þú myndir skrifa:
type = "text / css" >
Flytir inn CSS Style Sheets
Innfluttar stílblöð eru settar innan STYLE frumunnar. Þú getur þá notað embed in stíl eins og heilbrigður ef þú vilt. Þú getur einnig innihaldið innfluttar stíll inni tengd stílblöð. Inni í STYLE eða CSS skjalinu, skrifaðu:
@import url ('http://www.yoursite.com/styles.css');