Jak vytvořit jednoduchý css styl tabulky s poznámkový blok

Poznámkový blok - jeden z textových editorů, které lze použít k vytvoření dokumentu Cascading Style Style (CSS). Po vytvoření souboru CSS v programu Poznámkový blok můžete tento soubor připojit s webovou stránkou tak, aby obsah webové stránky může formátovat podle vašeho stylu.

Kroky

  1. Obrázek s názvem Vytvořit jednoduchý CSS Stylesheet pomocí programu Poznámkový blok Krok 1
jeden. Otevřete program Poznámkový blok.
  • 2. Zkopírujte následující kód:
  • @ ACHARSET "UTF-8" - / * CSS dokument * // * Definujte barvu prvku těla * / tělo {pozadí: # ffffff -} / * Tato sekce je určena pro odkazy * / A: odkaz {font-weight: normální Barva: Navy} A: navštívil {Font-Hmotnost: Normal- Barva: Green-} A: Hover {Hankovací font: Bold-Color: Barva: Red-font-varianta: Small-Caps -} / * Tato sekce je pro odstavec Sekce * / p {font-style: italic- velikost písma: 18px-} modrá {barva: # 0000ff -} / * Tato sekce je pro černé hranice obrázku.* / IMG {Border-Color: # 000000- Ohraničení: Silný styl: Ridge-}

    # Vložte kód z "Krok 2" v programu Poznámkový blok.

    Obrázek s názvem Vytvořit jednoduchý CSS Stylesheet pomocí programu Poznámkový blok krok 2
    1. Obrázek s názvem Vytvořit jednoduchý styl CSS StyleSheet pomocí programu Poznámkový blok 3
      jeden. Uložte soubor na Poznámkový blok. Uložit pod názvem "Simpleciss.CSS "kliknutím na tlačítko" Soubor "a výběrem příkazu" Uložit ". Po stisknutí tlačítka Uložit "se zobrazí dialogové okno" Uložit jako ".
    2. Obrázek s názvem Vytvořit jednoduchý styl CSS StyleSheet pomocí programu Poznámkový blok Krok 4
      2. Jméno účtu YourCsss. Zadejte "SimpleCss.CSS "nebo libovolný název v textovém poli" Název souboru "s příponou".CSS ".
    3. Obrázek s názvem Vytvořit jednoduchý styl CSS StyleSheet pomocí programu Poznámkový blok krok 5
      3. Klikněte na "Uložit".
    4. Obrázek s názvem Vytvořit jednoduchý styl CSS StyleSheet pomocí programu Poznámkový blok krok 6
      4. Hotovo!

    Tipy

    • Uložte soubor Poznámkový blok jako pouze text (někdy to může být nazýván textovým dokumentem nebo ASCII) a dá mu rozšíření ".CSS ".
    • Kód, který zde napsali, je jen příkladem, který vám ukáže, jak vytvořit základní soubor CSS pomocí programu Poznámkový blok pro ovládání prvků HTML v našem příkladu webové stránky zobrazené v části Úvod. Můžete změnit naše kódování, jak chcete formátovat styly a typ webových stránek.
    • Nezapomeňte umístit uložený dokument CSS ve stejné složce jako dokumenty HTML, kde jste vytvořili webové stránky.
    • Po vytvoření vytvořeného dokumentu CSS budete možná muset udělat další krok - existuje, k přiřazení dokumentu a webových stránek. Zkontrolujte prosím subjektivní předmět tohoto problému, abyste to udělali.

    Věci, které budete potřebovat

    • Počítač
    • Program Poznámkový blok
    • internetový prohlížeč
    Podobné publikace