Cum HTML are tag-uri, CSS-ul are selectori. În acest tutorial pentru începători ne vom concentra atenţia asupra selectorilor HTML , numele lor fiind identic cu cel al tag-urilor HTML, şi îi vom folosi pentru a implementa stil anumitor tag-uri din documentul HTML.
Pentru fiecare selector avem proprietăţi, în interiorul acoladelor, fiind descrise prin cuvinte de genul : color, background-color, font-weight etc.
Valorile date proprietăţilor vor fi afişate în coloane, şi nu vor fi scrise dupa un egal cum făceam la codul HTML.
body {
font-size: 0.8em;
color: navy;
}
Aceasta va aplica valorile pentru font şi culoare, întregului text aflat între tag-urile body.
Lungimi şi Procentaje
Exista ai multe unităţi pe care le folosim pentru a da valori unor proprietăţi în CSS, iar pentru a reuşi să ne înţelegem pe parcursul tutorialului ar fi bine să le reţii pe acestea :
- em ( ca la font-size: 2em ) unitate folosită pentru a calcula marimea textului, de exemplu 2em va afisa textul cu o marime dublă decât cea normală (standard)
- px (adică font-size: 12px) este unitatea pentru pixeli
- pt (adică font-size: 12pt) este unitatea pentru puncte
- % (adica font-size: 80%) este unitatea pentru procent
Alte unităţi ar mai fi : pc (picas), cm (centimetri), mm (milimetri) şi in (inci).
Dacă o valoare este zero, nu este nevoie să specifici o unitate.De exemplu dacă doreşti să nu fie margine vei scrie border: 0 .
Cum in modă avem trend, pe internet se poarta paginile web flexibile, adică utilizatorul să fie liber să privească pagina cu ce marimi doreşte, deaceea vom pune accent pe unităţile em şi %, dar asta vom vedea în tutorialul css pentru avansaţi !
