Vsebina

• Koraki
• Metoda 1 od 2: Kako nastaviti zunanjo slogovno listo
• Metoda 2 od 2: Kako vstaviti notranji slog sloga
• Nasveti
• Opozorila

Jezik označevanja hiperteksta (HTML) določa, kateri elementi so prisotni na spletni strani. Programski jezik Cascading Style Sheets (CSS) opisuje, kako naj bodo ti elementi videti.Datoteko CSS lahko dodate v HTML kot zunanjo (CSS je dodana kot ločena datoteka) ali kot notranjo slogovno datoteko (CSS je vključena v datoteko HTML). Naučite se vdelati CSS v datoteko HTML za preoblikovanje vašega spletnega mesta.

Koraki

Metoda 1 od 2: Kako nastaviti zunanjo slogovno listo

1. 1 Ustvarite datoteko CSS. Pripravite in shranite datoteko CSS s pripono ".css".
2. 2 Naložite datoteko CSS na svoje spletno mesto.
3. 3 Kopirajte naslov (URL) datoteke CSS. Naslov spletnega mesta bo videti nekako tako: www.vaše spletno mesto/stylesheet.css.
   • Dobra praksa je odstraniti primarno ime domene iz URL -ja. Na podlagi tega bo naslov http: //myisite.com/css/default.css skrajšan na "/css/default.css". Ne pozabite vključiti vodilne poševnice ("/"). Imenuje se relativna pot.
4. 4 V datoteko vstavite povezavo. Poiščite oznako / head> v datoteki HTML in ustvarite prazno vrstico tik nad njo. V to vrstico prilepite LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, pri čemer "www.your ..." zamenjate s povezavo v datoteki CSS.
5. 5 Shranite datoteko HTML in jo naložite na spletno mesto.
6. 6 Poskrbite, da bo vse na spletnem mestu videti tako, kot bi moralo. V nasprotnem primeru znova odprite datoteko HTML, poiščite napake in naredite spremembe.

Metoda 2 od 2: Kako vstaviti notranji slog sloga

1. 1 Ustvarite slog oznake>. Odprite datoteko HTML in poiščite oznako / head>. Nad njim dodajte nekaj praznih vrstic in vnesite naslednje:

STIL tip = "text / css"> / STIL>

1. 1 Med obe oznaki prilepite ves svoj CSS.
2. 2 Shranite datoteko HTML (s pripono .html).
3. 3 Poskrbite, da bo vse na spletnem mestu videti tako, kot bi moralo. V nasprotnem primeru naredite želene spremembe.

Nasveti

• Vedno preverite videz spletnega mesta v različnih brskalnikih in v različnih operacijskih sistemih. Nekateri brskalniki se povezujejo s CSS na nekoliko drugačen način. Lahko se celo zgodi v istem brskalniku, vendar v različnih različicah Mac in Windows. Če je vaše spletno mesto v drugem brskalniku drugačno (na primer razmik med nekaterimi predmeti, na primer seznami, drugačne velikosti), je težava v nastavitvah brskalnika. Poiščite glavno tabelo slogov in jo prilepite na vrh datoteke CSS, da spremenite privzete nastavitve brskalnika. To se naredi tako, da vaše nastavitve ne spremenijo ničesar v samem brskalniku.
• Če je mogoče, vstavite zunanji slog. To vam bo omogočilo, da spremenite videz spletnega mesta s spremembo kode v izvorni datoteki. Tako vam ni treba spreminjati CSS na vsaki strani vašega spletnega mesta.
• Če se vaše spletno mesto ne odziva na CSS tako, kot ste pričakovali, dvakrat preverite celotno kodiranje in se prepričajte, da je pravilno napisano. Posebno pozornost posvetite podpičju (";") in zaključnim oklepajem ("}"). Enega od teh znakov v datoteki CSS je dokaj enostavno izpustiti.
• Datoteko HTML shranite v računalnik, da jo lahko pozneje odprete v različnih spletnih brskalnikih in dvakrat preverite njen videz, preden jo prenesete. Če pa želite naložiti datoteko CSS, jo morate v HTML vstaviti kot zunanjo tabelo slogov.
• Če je slogovna lista v nasprotju s samim seboj - na primer najprej piše, da bo besedilo modro, nato pa rdeče - bo zadnji pogoj vedno izpolnjen. Če je en ukaz zunanji slog sloga, drugi pa notranji slog sloga, bo notranji slog sloga aktiven.

Opozorila

• Ne uporabljajte "odprtega" uprizoritvenega CSS, to je CSS, ki je vključen v oznako HTML. (Primer: "align = 'center'" je odprta nastavitev CSS). To je zastarela možnost s slabo skladnjo. Če boste morali čez nekaj časa posodobiti spletno mesto, bo to nastavitev težko spremeniti.