În acest articol considerăm crearea de foi de stil, să ia un exemplu mic și simplu.
Foile de stil sunt într-un fișier separat cu extensia .css. Acest fișier este scris ca documentul HTML în Notepad obișnuit.
Pentru a lucra cu codul (HTML, CSS, PHP, etc), nu recomandăm utilizarea Notepad, iar programul ++ Notepad
Un utilitar foarte util, este evidențiată în toate codul și dacă greșelile de cod, el încetează să mai fie iluminate.
În CSS, nici un tag-uri și atribute. Deși multe dintre așa-numitul.
Structura stylesheet constă din reguli.
IN REGULA acolo selectoare și blocuri anunțuri stiluri. Selectoare în traducere din limba engleză înseamnă selectați o alegere. Cu alte cuvinte, el alege o etichetă care va fi aplicat stilul sau stiluri. Aici, de exemplu:
h2, în acest caz, va fi selectorul, și totul altceva este un bloc de anunțuri stiluri, care este intotdeauna inclusa intre paranteze. Toate drepturile împreună vor.
stiluri de bloc, la rândul său are proprietăți (indicate de verde) și valorile acestor proprietăți. Proprietățile sunt enumerate, separate prin virgulă.
Proprietățile de reguli sunt definite pentru toate antetele cu h2 tag-ul:
• Font size = 15 pixeli
• Culoarea fontului # 232D37
Acum, despre cum se aplica regula in documentul HTML.
În acest scop, o etichetă specială
style.css în cazul în care calea către fișierul creat cu extensia .css. cale poate fi relativ sau absolut (complet cu http). Fișierul poate fi stocat într-un dosar separat, și în același folder cu fișierul index.html.
Această etichetă este introdusă înainte de închidere . exemplu:
Iar exemplul unui fișier CSS stylesheet:
Acum, Notepad deschis și rescrie codul (manual). În primul rând HTML-fișier, de neuitat salva cu extensia .html. apoi CSS-fișier, salvat cu extensia .css.
Toate fișierele de magazin în orice folder gol, cum ar fi www.
Asta obținem:
Dupa cum se poate vedea în HTML dosar, nu am stabilit nici atribute pentru text, acestea sunt definite în fișierul CSS.
Astfel, puteți specifica stiluri pentru fiecare tag-ul în stilurile HTML, și conectați la orice număr de pagini.
Acum, un pic de lucru afară, își schimbă culoarea, dimensiunea fontului, etc.
Du-te la următoarea lecție