Cum se creează CSS

O foaie de stil cascadă (CSS) este un sistem de codificare a site-urilor web care permite designerilor să manipuleze simultan diferite funcții prin atribuirea unor elemente grupurilor. De exemplu, prin utilizarea unui cod de fundal al site-ului, designerii pot schimba culoarea sau imaginea de fond pe toate paginile site-ului, cu o singură modificare în fișierul CSS. Iată cum să creați un fișier CSS pentru un site web simplu.

conținut

Pași
Sfaturi
Avertismente

pași

Deschideți programul Notepad în Microsoft Windows localizându-l în lista de programe instalate sau făcând clic pe butonul Start, tastând "Notepad" în câmpul de căutare și apăsând "Enter"."

Dați clic pe "Fișier" și pe "Salvați ca" pe bara principală de instrumente.

Tastați un nume de fișier scurt în câmpul corect din fereastra Salvează ca, urmată de extensia ".css" și selectați "Toate fișierele" ca tip Salvare ca.

Numele fișierului CSS trebuie să fie direct legat de site-ul în cauză, astfel încât să îi putem atribui reguli de stil. De exemplu, dacă domeniul site-ului dvs. este criarcss.com, utilizați "createcss.css" ca nume al fișierului dvs. CSS.

Deschideți fișierul index.html pentru site-ul dvs. în Notepad.

Introduceți codul următor înainte ca eticheta "cap" să se termine: < link rel="stylesheet" type="text/css" href="criarcss.css" >.

Acest lucru spune paginii dvs. de web unde să căutați definițiile regulilor dvs. CSS pentru acest site.

Setați elementele CSS în fișierele HTML ale paginii dvs. web care se va baza pe CSS pentru a determina aspectul sau stilul lor.

Elementele CSS sunt lucruri de genul < DIV >, folosit pentru a crea secțiuni - < P >, folosit pentru a crea un paragraf, și < H1 >, care identifică un antet mare.
Puteți crea definiții CSS pentru stilul fontului și dimensiunea textului pentru paragrafe și titluri, culoarea imaginii sau a fundalului site-ului sau orice element poziționat între începutul și sfârșitul etichetelor DIV.

Listați elementele CSS în fișierul "creacss.css", urmând fiecare dintre ele cu o pereche de chei care conțin regulile de stil. Cheile sunt bretelele "{}."

Regulile stilului CSS constau dintr-o proprietate și o valoare - proprietatea identifică ce veți schimba, cum ar fi culoarea de fundal. Valoarea indică numele sau valoarea numerică a culorii utilizate. Sintaxa este {proprietate: valoare-}, cu colon, punct și virgulă și cu tastele utilizate ca în exemplu.
Dacă alegeți să lăsați culoarea albastră ca fundal al fiecărei pagini de pe site-ul dvs., de exemplu, puteți introduce "pagina {background-color: blue-}".

Adăugați orice distincții de identificare sau clasă.

Un ID va fi precedat de "#", în timp ce CLASA va fi precedată de o perioadă.
Dacă doriți ca footerul paginii dvs. Web să arate diferit, creați un ID #FOOTER în documentul dvs. HTML tastând < div id="footer"> la începutul secțiunii. Închideți secțiunea cu o etichetă de închidere, < /div >.
În fișierul "createcss.css", creați o regulă de stil introducând #FOOTER {font-size: x-small-}. Acest lucru va face ca toate sursele din footerul dvs. / Nodapé să aibă un font foarte mic.

sfaturi

Există câteva proprietăți diferite pe care le puteți manipula cu CSS. Găsiți un site cu un stil care vă place și pentru a vedea fișierul sursă al paginii. Dacă există un nume de fișier CSS conectat în partea de sus a paginii în interiorul etichetelor HEAD, puteți să faceți clic pe acesta pentru a vedea proprietățile și valorile atribuite elementelor.

Cum se creează CSS

pași

sfaturi

avertismente