Lihtsa CSS -stiililehe loomine Notepadi abil

Autor: Clyde Lopez
Loomise Kuupäev: 20 Juuli 2021
Värskenduse Kuupäev: 1 Juuli 2024
Anonim
8 Excel tools everyone should be able to use
Videot: 8 Excel tools everyone should be able to use

Sisu

Notepad on üks tekstiredaktoritest, mida saab kasutada CSS -dokumendi loomiseks. Pärast CSS -faili loomist Notepadis saate selle faili veebilehele linkida, et veebilehe sisu saaks teie stiililehega vormindada.

Sammud

  1. 1 Avage programm Notepad.
  2. 2Kopeerige järgmine kood:

@charset "utf-8"; / * CSS-dokument * // * Määrake kehaelemendi värv * / body {background: # FFFFFF;} / * See jaotis on mõeldud linkidele * / a: link { fondi kaal: normaalne; värv: merevägi} a: külastatud {font-weight: normal; värv: roheline;} a: hover {font-weight: bold; värv: punane; font-variant: small-caps;} / * See jaotis on mõeldud lõiguosale * / p {font-style: italic; font-size: 18px;} sinine {color: # 0000FF;} / * See jaotis on kujutise musta äärise jaoks. * / img {border-color: # 000000; äär: paks; äärise stiil: ridge;}

# Kleepige "Samm 2" kood Notepadisse.


  1. 1 Salvestage fail Notepadisse. Salvestage see nime "SimpleCSS.css" all, klõpsates nuppu "Fail" ja valides käsu "Salvesta". Pärast nupu "Salvesta" klõpsamist kuvatakse dialoogiboks "Salvesta nimega".
  2. 2 Pange oma CSS -failile nimi. Sisestage tekstikasti "Faili nimi" laiendiga "SimpleCSS.css" või mis tahes nimi laiendiga ".css".
  3. 3 Klõpsake nuppu "Salvesta".
  4. 4 See on tehtud!

Näpunäiteid

  • Salvestage Notepadi fail ainult tekstina (mõnikord võite seda nimetada tekstidokumendiks või ASCII -ks) ja andke sellele laiend ".css".
  • Siin kirjutatud kood on vaid näide, mis näitab teile, kuidas luua NoteSpadi abil CSS -põhifail, et manipuleerida selle HTML -elementidega meie sissejuhatuses näidatud veebisaidi näidislehel. Meie CSS -kodeeringut saate aga muuta, kuidas soovite veebilehtede stiili ja välimust vormindada.
  • Ärge unustage paigutada salvestatud CSS -dokumenti samasse kausta oma HTML -dokumentidega, kuhu oma veebilehed lõite.
  • Pärast CSS -dokumendi loomist peate võib -olla tegema järgmise sammu; st linkige dokument ja veebileht. Selleks vaadake palun seotud artikleid.

Asjad, mida vajate

  • Arvuti
  • Notepad programm
  • interneti lehitseja