Egyszerű CSS stíluslap létrehozása a Jegyzettömb segítségével

Szerző: Clyde Lopez
A Teremtés Dátuma: 20 Július 2021
Frissítés Dátuma: 1 Július 2024
Anonim
Egyszerű CSS stíluslap létrehozása a Jegyzettömb segítségével - Társadalom
Egyszerű CSS stíluslap létrehozása a Jegyzettömb segítségével - Társadalom

Tartalom

A Jegyzettömb az egyik szövegszerkesztő, amellyel Cascading Style Sheet (CSS) dokumentum készíthető. Miután létrehozott egy CSS -fájlt a Jegyzettömbben, összekapcsolhatja azt a weblappal, hogy a weboldal tartalma formázható legyen a stíluslapjával.

Lépések

  1. 1 Nyissa meg a Jegyzettömb programot.
  2. 2Másolja ki a következő kódot:

@charset "utf-8"; / * CSS dokumentum * // * Határozza meg a törzs elem színét * / body {background: # FFFFFF;} / * Ez a szakasz a linkekhez szól * * / a: link { font-weight: normál; szín: sötétkék} a: látogatott {font-weight: normal; szín: zöld;} a: lebegés {font-weight: bold; piros szín; font-variant: small-caps;} / * Ez a szakasz egy bekezdésszakaszhoz készült * / p {font-style: italic; font-size: 18px;} kék {color: # 0000FF;} / * Ez a rész a kép fekete szegélyére vonatkozik. * / img {border-color: # 000000; szegély: vastag; szegély stílus: gerinc;}

# Illessze be a "2. lépés" kódját a Jegyzettömbbe.


  1. 1 Mentse a fájlt a Jegyzettömbbe. Mentse el "SimpleCSS.css" néven a "Fájl" gombra kattintva, és válassza a "Mentés" parancsot. A "Mentés" gombra kattintás után megjelenik a "Mentés másként" párbeszédpanel.
  2. 2 Nevezze el CSS -fájlját. Írja be a "SimpleCSS.css" vagy bármely nevet a ".css" kiterjesztésű "Fájlnév" szövegmezőbe.
  3. 3 Kattintson a "Mentés" gombra.
  4. 4 Ez kész!

Tippek

  • Mentse a Jegyzettömb fájlt csak szövegként (néha szöveges dokumentumnak vagy ASCII -nek is nevezheti), és adja meg a ".css" kiterjesztést.
  • Az itt írt kód csak egy példa, amely bemutatja, hogyan lehet létrehozni egy alapvető CSS -fájlt a Jegyzettömb segítségével annak HTML -elemeinek manipulálására a Bevezető részben megjelenített minta weboldalunkon. Megváltoztathatja a CSS kódolást, azonban a weblapok stílusának és megjelenésének formázását.
  • Ne felejtse el a mentett CSS -dokumentumot ugyanabban a mappában elhelyezni, mint a HTML -dokumentumok, ahol a weboldalakat létrehozta.
  • A CSS -dokumentum létrehozása után előfordulhat, hogy meg kell tennie a következő lépést; vagyis linkeljen össze egy dokumentumot és egy weboldalt. Kérjük, tekintse meg a kapcsolódó cikkeket.

Amire szüksége lesz

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