Hvernig á að setja CSS skrá inn í HTML

Efni.

Skref
Aðferð 1 af 2: Hvernig á að setja upp ytra stílblað
Aðferð 2 af 2: Hvernig á að setja inn innra stílblað
Ábendingar
Viðvaranir

Hypertext Markup Language (HTML) ákvarðar hvaða þættir eru til staðar á vefsíðu. Forritunarmál Cascading Style Sheets (CSS) lýsir því hvernig þessir þættir eiga að líta út.Hægt er að bæta CSS skránni við HTML sem utanaðkomandi (CSS er bætt við sem sérstakri skrá) eða innra stílblaði (CSS er innifalið í HTML skránni). Lærðu hvernig á að fella CSS í HTML skrá til að endurhanna síðuna þína.

Skref

Aðferð 1 af 2: Hvernig á að setja upp ytra stílblað

1 Búðu til CSS skrá. Undirbúðu og vistaðu CSS skrá með ".css" viðbót.
2 Hladdu upp CSS skránni á síðuna þína.
3 Afritaðu heimilisfang (URL) CSS skráarinnar. Vefslóðin mun líta svona út: www.yoursite.com/stylesheet.css.
- Það er góð venja að fjarlægja aðal lénið af vefslóðinni. Byggt á þessu mun heimilisfangið http: //myisite.com/css/default.css styttast í "/css/default.css". Mundu að setja með fremsta skástrikið ("/"). Það er kallað afstæð leið.
4 Settu krækjuna inn í skrána. Finndu / head> merkið í HTML skránni og búðu til tóma línu rétt fyrir ofan hana. Límdu í þá línu LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, skipta út "www.your ..." fyrir krækju í CSS skránni.
5 Vista HTML skrána og hlaða henni upp á síðuna.
6 Gakktu úr skugga um að allt á síðunni líti út eins og það ætti að vera. Annars skaltu opna HTML skrána aftur, leita að villum og gera breytingar.

Aðferð 2 af 2: Hvernig á að setja inn innra stílblað

1 Búðu til merkimiða>. Opnaðu HTML skrána og finndu / head> merkið. Bættu við nokkrum auðum línum fyrir ofan það og sláðu inn eftirfarandi:

STYLE type = "text / css"> / STYLE>

1 Límdu allt CSS þitt á milli þessara tveggja merkja.
2 Vista HTML skrána (með .html viðbótinni).
3 Gakktu úr skugga um að allt á síðunni líti út eins og það ætti að vera. Annars skaltu gera viðeigandi breytingar.

Ábendingar

Athugaðu alltaf útlit síðunnar í mismunandi vöfrum og á mismunandi stýrikerfum. Sumir vafrar tengjast CSS á svolítið mismunandi hátt. Það getur jafnvel gerst í sama vafra, en á mismunandi útgáfum af Mac og Windows. Ef vefsvæðið þitt lítur öðruvísi út í öðrum vafra (til dæmis er bilið milli sumra hluta, svo sem lista, af annarri stærð), þá er vandamálið að stillingar vafrans. Finndu aðalstílblaðið og límdu það efst í CSS skránni til að breyta sjálfgefnum stillingum vafrans. Þetta er gert til að stillingar þínar breyti engu í vafranum sjálfum.
Settu inn ytra stílblað ef þú getur. Þetta mun leyfa þér að breyta útliti vefsins með því að breyta kóðanum í upprunaskránni. Þannig þarftu ekki að breyta CSS á hverri síðu á síðunni þinni.
Ef vefsvæðið þitt svarar ekki CSS eins og þú býst við skaltu athuga allt kóðunina til að ganga úr skugga um að það sé rétt stafsett. Sérstaklega skal gæta sérstaklega að kommum (";") og lokunarfestingum ("}"). Það er nokkuð auðvelt að sleppa einum af þessum stöfum í CSS skrá.
Vistaðu HTML skrána í tölvunni þinni þannig að þú getur opnað hana síðar í ýmsum vöfrum og athugað útlit hennar áður en þú hleður henni áfram. En til að hlaða henni þarf að setja CSS skrána inn í HTML sem utanaðkomandi stílblað.
Ef stílblaðið stangast á við sjálft sig - til dæmis segir fyrst að textinn verði blár og síðan rauður - síðasta skilyrðinu verður alltaf fullnægt. Ef ein skipunin er ytra stílblað og hin er innra stílblað verður innra stílblaðið virkt.

Viðvaranir

Ekki nota „opið“ sviðsetning CSS, það er CSS sem er innifalið í HTML merkinu. (Dæmi: "align = 'center'" er opin CSS stilling). Þetta er úreltur kostur með lélega setningafræði. Ef þú þarft að uppfæra síðuna eftir smá stund verður erfitt að breyta þessari stillingu.