Ako vytvoriť jednoduchý stôl CSS s poznámkovým bodom

Poznámkový blok - jeden z textových editorov, ktoré môžu byť použité na vytvorenie kaskádového štýlu list (CSS) dokumentu. Po vytvorení súboru CSS v programe Poznámkový blok môžete pripojiť tento súbor pomocou webovej stránky tak, aby obsah webovej stránky mohol formátovať podľa vášho štýlu.

Kroky

jeden. Otvorte program Poznámkový blok.

2. Skopírujte nasledujúci kód:

@ Charget "Utf-8"-/ * CSS DOKUMENTY * // * Definujte farbu prvku tela * / Telo {pozadie: # FFFFFF -} / * Táto časť je určená pre odkazy * / A: Link {Font-Hmotnosť: Normálna - Farba: Navy} A: Navštívte { FONT-HMOTNOSTI: NORMÁLNA FARBY: GREEN-} A: Hover {Font-Hmotnosť: Bold- Farba: Red-Font-Variant: Malé čiapky -} / * Táto časť je určená pre časť odseku * / p {font-štýl : Taliansko-font-veľkosť: 18px-} modrá {Farba: # 0000FF -} / * Táto časť je určená pre čiernu hranicu obrázku.* / IMG {Border-Color: # 000000- Border: HUNG-BORDER-SYESTERY: RIDGE-}

# Vložiť kód z"Krok 2" v zápisníku.

Obrázok s názvom Vytvorenie jednoduchého CSS StyleSheet pomocou programu Notepad Krok 2

jeden. Uložte súbor do programu Poznámkový blok. Uložte ho pod menom "Jednoduché.CSS", stlač tlačidlo "Spis" a výber príkazu "Uložiť". Po stlačení tlačidla "Uložiť"Zobrazí sa dialógové okno"Uložiť ako".
2. Názov súboru Yourcss. Zadať"Jednoduché.CSS" alebo akékoľvek meno v textovom poli "Názov súboru" S rozšírením".CSS".
3. stlač tlačidlo "Uložiť".
4. Je to hotové!

Tipy

Uložte súbor Poznámkový blok ako text (niekedy by sa mohol nazvať textový dokument alebo ASCII) a dajte mu rozšírenie".CSS".
Kód, ktorý sme tu napísali, je len príklad, ktorý vám ukáže, ako vytvoriť CSS základný súbor pomocou programu Poznámkový blok, aby ste ovládali HTML prvky v našom príklade webovej stránky zobrazenej v úvodnej časti. Môžete zmeniť kódovanie OURCSS, Avšak, ako chcete formátovať štýly a typ webových stránok.
Nezabudnite uložiť uložený dokument CSS v rovnakom priečinku ako dokumenty HTML, kde ste vytvorili webové stránky.
Potom, čo ste vytvorili vytvorený dokument CSS, možno budete musieť vykonať ďalší krok - existuje, aby sa spojil dokument a webové stránky. Prečítajte si subjektívny predmet tejto otázky, aby ste to mohli urobiť.

Veci, ktoré budete potrebovať

Počítač
Program Poznámkový blok
internetový prehliadač