Cum se creează o foaie de stil CSS simplă utilizând Notepad

Notepad este unul dintre editorii de text pe care îl puteți folosi pentru a crea un document CSS (Caseta de stil cascadă

conținut

Pași
Sfaturi
Lucrurile de care ai nevoie

- Cascade Style Sheets). După crearea unui fișier CSS prin Notepad, puteți conecta acest fișier la pagina dvs. web, astfel încât conținutul paginii să fie formatat de foaia de stil.

pași

Imaginea intitulată Creați o foaie de stil simplă CSS utilizând Notepad Pasul 1

Deschideți Notepad.

Copiați următorul cod:

@charset "utf-8" - / * Document CSS * // * Setați conținutul de culoare * / body {background: # FFFFFF -} / * Această secțiune este pentru link-uri * / a: link {font-weight: Normal - culoare: bleumarin} a: a vizitat {font-weight: normal culoare: Green-} a: hover {font-weight: culoare bold-: Red- font-variant: mic-caps -} / * Această secțiune este pentru paragraf din secțiunea * / p {font-style: font-size italic-: 18px-} albastru {color: # 0000FF -} / * Această secțiune este pentru marginea neagră a imaginii * / img {border-color: # 000000. - frontieră: grosime de frontieră: ridge-}

#Colectați codul "Pasul 2" din Notepad.

Imaginea intitulată Creați o foaie de stil simplă CSS utilizând Notepad Pasul 2

Imaginea intitulată Creați o foaie de stil simplă CSS utilizând Notepad Pasul 3

Salvați fișierul în Notepad. Salvați-l ca "SimpleCSS.css" făcând clic pe "Fișier" și selectând "Salvare". O casetă de dialog "Salvați ca" va fi afișată după ce faceți clic pe "Salvați".

Imaginea intitulată Creați o foaie de stil simplă CSS utilizând Notepad Pasul 4

Denumiți fișierul dvs. CSS. Introduceți "SimpleCSS.css" sau orice nume doriți în caseta de text "Nume fișier" cu extensia ".css".

Imaginea intitulată Creați o foaie de stil simplă CSS utilizând Notepad Pasul 5

Faceți clic pe butonul "Salvați".

Imaginea intitulată Creați o foaie de stil CSS simplă utilizând Notepad Pasul 6

Gata!

sfaturi

Salvați fișierul Notepad numai ca text (uneori se poate numi Document Text sau ASCII) și introduceți extensia ".css".
Codul pe care l-am scris aici este doar un exemplu pentru a vă arăta cum să creați un fișier CSS de bază utilizând Notepad pentru a controla orice element html din exemplul paginii web prezentat în secțiunea de introducere. Puteți schimba codul CSS după cum doriți să formatați stilul și aspectul paginii dvs. web.
Asigurați-vă că ați pus documentul CSS salvat în același director ca și documentele html în care ați creat pagina web.
După ce terminați crearea documentului CSS, poate fi necesar să treceți la pasul următor - adică să conectați documentul la pagina web. Utilizați articolele aferente pentru a face acest lucru.