Ako vytvoriť jednoduchý hárok štýlov CSS pomocou programu Poznámkový blok

Obsah

Kroky
Tipy
Veci, ktoré budete potrebovať

Poznámkový blok je jedným z textových editorov, ktoré je možné použiť na vytvorenie dokumentu CSS (Cascading Style Sheet). Po vytvorení súboru CSS v programe Poznámkový blok môžete tento súbor prepojiť s webovou stránkou, aby bolo možné obsah webovej stránky formátovať pomocou šablóny so štýlmi.

Kroky

1 Otvorte program Poznámkový blok.
2Skopírujte nasledujúci kód:

@charset "utf-8"; / * Dokument CSS * // * Definujte farbu prvku tela * / telo {pozadie: # FFFFFF;} / * Táto sekcia je pre odkazy * / a: odkaz { font-weight: normal; farba: Navy} a: navštívené {font-weight: normal; farba: zelená;} a: hover {font-weight: bold; farba: červená; variant písma: malé písmená;} / * Táto časť je pre odsek odstavca * / p {štýl písma: kurzíva; font-size: 18px;} blue {color: # 0000FF;} / * Táto časť je určená pre čierne orámovanie obrázku. * / img {border-color: # 000000; okraj: hrubý; hraničný štýl: hrebeň;}

# Vložte kód z „kroku 2“ do programu Poznámkový blok.

1 Uložte súbor do programu Poznámkový blok. Uložte ho pod názvom „SimpleCSS.css“ kliknutím na tlačidlo „Súbor“ a výberom príkazu „Uložiť“. Po kliknutí na tlačidlo „Uložiť“ sa zobrazí dialógové okno „Uložiť ako“.
2 Pomenujte súbor CSS. Do textového poľa „Názov súboru“ s príponou „.css“ zadajte „SimpleCSS.css“ alebo akékoľvek iné meno.
3 Kliknite na tlačidlo „Uložiť“.
4 Je to hotové!

Tipy

Súbor programu Poznámkový blok uložte ako iba text (niekedy ho môžete nazvať textový dokument alebo ASCII) a dajte mu príponu „.css“.
Kód, ktorý sme tu napísali, je len príkladom, ktorý vám ukáže, ako vytvoriť základný súbor CSS pomocou programu Poznámkový blok na manipuláciu s jeho prvkami HTML na našej ukážkovej webovej stránke zobrazenej v časti Úvod. Naše kódovanie CSS však môžete zmeniť tak, ako chcete formátovať štýly a vzhľad webových stránok.
Uložte dokument CSS do rovnakého priečinka ako dokumenty HTML, kde ste vytvorili webové stránky.
Po vytvorení dokumentu CSS bude možno potrebné vykonať ďalší krok; to znamená prepojiť dokument a webovú stránku. Ak to chcete urobiť, prečítajte si súvisiace články.