Cum să creați o foaie de stil CSS simplă utilizând Notepad

Video: CSS Tutorial How to create css style sheet in Notepad ++?

Conţinut

Pași
sfaturi
Lucruri de care ai nevoie

Notepad este unul dintre editorii de text care pot fi utilizați pentru a crea un document de tip Cascading Style Sheet (CSS). După crearea unui fișier CSS în Notepad, puteți conecta acel fișier la o pagină web, astfel încât conținutul paginii web să poată fi formatat cu foaia dvs. de stil.

Pași

1 Deschideți programul Notepad.
2Copiați următorul cod:

@charset "utf-8"; / * Document CSS * // * Definiți culoarea elementului corpului * * / corpului {background: # FFFFFF;} / * Această secțiune este pentru linkuri * / a: link { font-weight: normal; culoare: marină} a: vizitat {font-weight: normal; culoare: Verde;} a: hover {font-weight: bold; culoarea rosie; font-variant: small-majuscule;} / * Această secțiune este pentru o secțiune de paragraf * / p {font-style: italic; font-size: 18px;} albastru {color: # 0000FF;} / * Această secțiune este pentru marginea neagră a imaginii. * / img {border-color: # 000000; chenar: gros; stil de frontieră: creastă;}

# Lipiți codul de la „Pasul 2” în Notepad.

1 Salvați fișierul în Notepad. Salvați-l sub numele „SimpleCSS.css” făcând clic pe butonul „Fișier” și alegând comanda „Salvare”. După ce faceți clic pe butonul „Salvați”, va fi afișată caseta de dialog „Salvați ca”.
2 Denumiți fișierul CSS. Introduceți „SimpleCSS.css” sau orice nume în caseta de text „Nume fișier” cu extensia „.css”.
3 Faceți clic pe butonul „Salvați”.
4 E gata!

sfaturi

Salvați fișierul Notepad ca text numai (uneori îl puteți numi Document text sau ASCII) și daț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ă folosind Notepad pentru a manipula elementele sale HTML în exemplul nostru de pagină web afișată în secțiunea Introducere. Puteți schimba codarea CSS, totuși, modul în care doriți să formatați stilurile și aspectul paginilor web.
Nu uitați să plasați documentul CSS salvat în același folder cu documentele HTML în care ați creat paginile dvs. web.
După ce ați creat documentul CSS, poate fi necesar să faceți următorul pas; adică legați un document și o pagină web. Vă rugăm să consultați articolele aferente pentru a face acest lucru.