Kako ustvariti preprosto tablico slogov CSS z uporabo Beležnice

Vsebina

Koraki
Nasveti
Stvari, ki jih boste potrebovali

Beležnica je eden od urejevalnikov besedila, ki ga lahko uporabite za ustvarjanje dokumenta CSS (Cascading Style Sheet). Ko ustvarite datoteko CSS v Beležnici, jo lahko povežete s spletno stranjo, tako da se vsebina spletne strani lahko oblikuje s tabelo slogi.

Koraki

1 Odprite program Beležnica.
2Kopirajte naslednjo kodo:

@charset "utf-8"; / * Dokument CSS * // * Določite barvo elementa telesa * / body {ozadje: # FFFFFF;} / * Ta razdelek je za povezave * / a: link { teža pisave: normalna; barva: mornarica} a: obiskan {font-weight: normal; barva: zelena;} a: lebdite {font-weight: bold; barva: rdeča; font-variant: small-caps;} / * Ta razdelek je namenjen odstavku * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Ta razdelek je za črno obrobo slike. * / img {border-color: # 000000; obroba: debela; robni slog: greben;}

# Prilepite kodo iz "2. koraka" v Beležnico.

1 Shranite datoteko v beležnico. Shranite ga pod imenom "SimpleCSS.css" s klikom na gumb "Datoteka" in izbiro ukaza "Shrani". Ko kliknete gumb »Shrani«, se prikaže pogovorno okno »Shrani kot«.
2 Poimenujte datoteko CSS. Vnesite "SimpleCSS.css" ali katero koli ime v besedilno polje "Ime datoteke" z razširitvijo ".css".
3 Kliknite gumb "Shrani".
4 Je narejeno!

Nasveti

Datoteko Beležnico shranite kot samo besedilo (včasih jo lahko poimenujete besedilni dokument ali ASCII) in ji dodelite razširitev ».css«.
Koda, ki smo jo napisali tukaj, je le primer, ki vam pokaže, kako z beležnico ustvarite osnovno datoteko CSS za manipulacijo z njenimi elementi HTML na naši vzorčni spletni strani, prikazani v razdelku Uvod. Lahko pa spremenite naše kodiranje CSS, kako želite oblikovati sloge in videz spletnih strani.
Shranjeni dokument CSS shranite v isto mapo kot dokumenti HTML, kjer ste ustvarili svoje spletne strani.
Ko ustvarite dokument CSS, boste morda morali narediti naslednji korak; se pravi, povezati dokument in spletno stran. Če želite to narediti, si oglejte povezane članke.