Kako izraditi jednostavnu CSS tablicu stilova pomoću Notepada

Sadržaj

Koraci
Savjeti
Stvari koje će vam trebati

Bilježnica je jedan od uređivača teksta koji se može koristiti za izradu dokumenta Cascading Style Sheet (CSS). Nakon što stvorite CSS datoteku u Notepadu, možete je povezati s web stranicom tako da se sadržaj web stranice može formatirati s vašom tablicom stilova.

Koraci

1 Otvorite program Notepad.
2Kopirajte sljedeći kôd:

@charset "utf-8"; / * CSS dokument * // * Definirajte boju elementa tijela * / body {background: # FFFFFF;} / * Ovaj odjeljak služi za veze * / a: link { font-weight: normal; boja: Mornarica} a: posjećeno {font-weight: normal; boja: zelena;} a: hover {font-weight: bold; boja: crvena; font-variant: small-caps;} / * Ovaj odjeljak je za odjeljak odlomka * / p {font-style: italic; font-size: 18px;} plava {color: # 0000FF;} / * Ovaj odjeljak služi za crni obrub slike. * / img {border-color: # 000000; obrub: debeo; obrubljeni stil: greben;}

# Zalijepite kôd iz "Koraka 2" u Bilježnicu.

1 Spremite datoteku u Notepad. Spremite ga pod imenom "SimpleCSS.css" klikom na gumb "Datoteka" i odabirom naredbe "Spremi". Nakon što pritisnete gumb "Spremi", prikazat će se dijaloški okvir "Spremi kao".
2 Imenujte svoju CSS datoteku. Unesite "SimpleCSS.css" ili bilo koji naziv u tekstualni okvir "Naziv datoteke" s nastavkom ".css".
3 Pritisnite gumb "Spremi".
4 Učinjeno je!

Savjeti

Spremite datoteku Notepad kao samo tekst (ponekad je možete nazvati tekstualnim dokumentom ili ASCII) i dati joj proširenje ".css".
Kôd koji smo ovdje napisali samo je primjer koji vam pokazuje kako stvoriti osnovnu CSS datoteku pomoću Notepada za manipulaciju njegovim HTML elementima na našoj oglednoj web stranici prikazanoj u odjeljku Uvod. Možete promijeniti naše CSS kodiranje, međutim, način na koji želite oblikovati stilove i izgled web stranica.
Ne zaboravite staviti spremljeni CSS dokument u istu mapu kao i vaši HTML dokumenti u kojima ste stvorili svoje web stranice.
Nakon što kreirate svoj CSS dokument, možda ćete morati poduzeti sljedeći korak; odnosno povezati dokument i web stranicu. Da biste to učinili, pogledajte povezane članke.