Hogyan lehet létrehozni egy egyszerű css stílusú táblát jegyzettömbvel

Notepad - Az egyik olyan szövegszerkesztő, amely segítségével létrehozhat egy lépcsőzetes stíluslap (CSS) dokumentumot. Miután létrehozta a CSS-fájlt Notepadban, csatlakoztathatja ezt a fájlt egy weboldallal, hogy a weboldal tartalma formázza a stíluslapját.

Lépések

  1. Kép címet Hozzon létre egy egyszerű CSS stíluslapot a Notepad 1. lépéssel
egy. Nyissa meg a Notepad programot.
  • 2. Másolja a következő kódot:
  • @charset "UTF-8"-/ * CSS dokumentum * // * Határozza meg a testelem színét * / test {háttér: # FFFFFF -} / * Ez a rész a linkekhez * / a: Link {Betűtípus: Normál - Szín: Navy} A: Meglátogatott { font-weight: normál- Szín: Zöld-} a: hover {font-weight: Bold- Szín: Red-font-változat: Kis-Caps -} / * Ez a rész a bekezdés § * / P {font-style : Dőlt betűméret: 18px-} kék {szín: # 0000FF -} / * Ez a rész a kép fekete határára vonatkozik.* / IMG {Border-Color: # 000000- Border: Vastag Border-Style: Ridge-}

    # Kód beszúrása"2. lépés" a jegyzettömbben.

    A cím: Egy egyszerű CSS-stíluslap létrehozása Notepad 2. lépéssel
    1. Kép címet Hozzon létre egy egyszerű CSS stíluslapot a Notepad 3. lépéssel
      egy. Mentse el a fájlt a jegyzettömbre. Mentse el a név alatt "Egyszerűss.CSS", nyomja meg a gombot "Fájl" és kiválaszt egy parancsot "Mentés". A gomb megnyomása után "Mentés"Megjelenik egy párbeszédpanel"Mentés másként".
    2. Kép címet Hozzon létre egy egyszerű CSS stíluslapot a Notepad 4. lépéssel
      2. Nevezze meg a Yourcss fájlt. Belép"Egyszerűss.CSS" vagy bármely név a szövegmezőben "Fájl név" Kiterjesztéssel".CSS".
    3. A megjelenített kép Hozzon létre egy egyszerű CSS stíluslapot a Notepad 5. lépésével
      3. nyomja meg a gombot "Mentés".
    4. Kép címet Hozzon létre egy egyszerű CSS stíluslapot Notepad 6. lépéssel
      4. Ez kész!

    Tippek

    • Mentse el a Notepad fájlt csak szövegként (néha szöveges dokumentumnak vagy ASCII-nek nevezhető), és hosszabbítást adhat".CSS".
    • A kód írtunk itt csak egy példa, hogy mutassa meg, hogyan lehet létrehozni egy CSS alap fájlt noteszbe, hogy ellenőrizzék a HTML-elemeket a példánkban egy internetes oldalon jelenik meg a bevezető részben. Megváltoztathatja a kódolást kódolását, azonban hogyan kívánja formázni a stílusokat és a weboldalak típusát.
    • Ne felejtsük el, hogy a mentett CSS-dokumentumot ugyanabban a mappában helyezzük el, mint a HTML-dokumentumok, ahol weboldalakat hoztak létre.
    • Miután létrehozta a CSS-dokumentumot, előfordulhat, hogy a következő lépést kell tennie - van egy dokumentum és weboldalak társítása. Kérjük, tekintse át a téma szubjektív tárgyát, hogy ezt tegye.

    A szükséges dolgok

    • Számítógép
    • Jegyzettömb program
    • internet böngésző
    Hasonló publikációk