Kaip sukurti paprastą CSS stiliaus lapą naudojant „Notepad“

Autorius: Clyde Lopez
Kūrybos Data: 20 Liepos Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
Web Development - Computer Science for Business Leaders 2016
Video.: Web Development - Computer Science for Business Leaders 2016

Turinys

„Notepad“ yra vienas iš teksto redaktorių, kurį galima naudoti kuriant pakopinio stiliaus lapo (CSS) dokumentą. Sukūrę CSS failą „Notepad“, galite susieti tą failą su tinklalapiu, kad tinklalapio turinys būtų suformatuotas naudojant jūsų stiliaus lapą.

Žingsniai

  1. 1 Atidarykite programą „Notepad“.
  2. 2Nukopijuokite šį kodą:

@charset "utf-8"; / * CSS dokumentas * // * Apibrėžkite kūno elemento spalvą * / body {background: # FFFFFF;} / * Šis skyrius skirtas nuorodoms * / a: link { šrifto svoris: normalus; spalva: tamsiai} a: aplankytas {font-weight: normal; spalva: žalia;} a: užveskite žymeklį {font-weight: bold; spalva: raudona; font-variant: small-caps;} / * Šis skyrius skirtas pastraipų skyriui * / p {font-style: italic; font-size: 18px;} mėlyna {color: # 0000FF;} / * Ši skiltis skirta juodai vaizdo kraštinei. * / img {border-color: # 000000; kraštas: storas; apvado stilius: ketera;}

# Įklijuokite kodą iš „2 veiksmo“ į „Notepad“.


  1. 1 Išsaugokite failą „Notepad“. Išsaugokite jį pavadinimu „SimpleCSS.css“ spustelėdami mygtuką „Failas“ ir pasirinkę komandą „Išsaugoti“. Spustelėjus mygtuką „Išsaugoti“, pasirodys dialogo langas „Išsaugoti kaip“.
  2. 2 Pavadinkite savo CSS failą. Teksto laukelyje „Failo pavadinimas“ su plėtiniu „.css“ įveskite „SimpleCSS.css“ arba bet kokį pavadinimą.
  3. 3 Spustelėkite mygtuką „Išsaugoti“.
  4. 4 Padaryta!

Patarimai

  • Išsaugokite „Notepad“ failą kaip tik tekstinį (kartais galite jį pavadinti teksto dokumentu arba ASCII) ir suteikite jam plėtinį „.css“.
  • Čia parašytas kodas yra tik pavyzdys, parodantis, kaip sukurti pagrindinį CSS failą naudojant „Notepad“, kad būtų galima manipuliuoti jo HTML elementais mūsų pavyzdiniame tinklalapyje, rodomame skyriuje „Įvadas“. Tačiau galite pakeisti mūsų CSS kodavimą, kaip norite formatuoti tinklalapių stilių ir išvaizdą.
  • Nepamirškite įdėti išsaugoto CSS dokumento į tą patį aplanką kaip ir HTML dokumentai, kuriuose sukūrėte tinklalapius.
  • Sukūrę CSS dokumentą, gali tekti atlikti kitą veiksmą; tai yra susieti dokumentą ir tinklalapį. Norėdami tai padaryti, peržiūrėkite susijusius straipsnius.

Dalykai, kurių jums prireiks

  • Kompiuteris
  • Notepad programa
  • interneto naršyklė