Ce este CSS? CSS (Cascading Style Sheets - Cascading Style Sheets) - este doar un anumit set de reguli care specifică modul de a afișa elementele de pagină create folosind HTML. Anterior, toate funcțiile includerea conținutului în pagină și setarea aspectului său a luat pe HTML, dar apoi sa decis să se separe aceste funcții. Acum, HTML este responsabil doar pentru faptul că acesta va fi prezent pe pagina (text, imagini, tabele, link-uri, etc.), iar CSS specifică ce aspect va avea toate aceste elemente (formă, culoare, etc.) .
În plus, folosind CSS, puteți schimba nu numai aspectul, dar, de asemenea, poziția oricărui element, indiferent de locul în care acesta este în codul HTML al paginii. Mai mult, limbajul CSS a fost inventat atât de multe opțiuni și posibilități de a schimba toți acești parametri, care niciodată nu a visat HTML.
Dar asta nu e tot. CSS permite literalmente uneori reduce cantitatea de cod. Folosindu-l, poti uita doar despre lucruri, cum ar fi parametrii de bază de rețetă de culoare, de fundal, dimensiunea fontului și alte lucruri, aproape în fiecare a doua HTML-tag. Dar, în același timp, dacă doriți să modificați aceeași culoare a unor elemente dintr-o dată pe toate paginile site-ului, atunci va trebui să facă doar o schimbare într-un singur fișier, mai degrabă decât să modificați codul fiecărei pagini, a petrecut o mulțime de timp. Este interesant, nu-i așa? Bineînțeles, atunci când codul de reducere și site-ul se va încărca mult mai rapid pe computerele utilizatorilor, care este, de asemenea, un factor important.
Și acum să ne uităm la un exemplu tipic:
Exemplu de utilizare CSS
Rezultatul în browser (stil liber)
stiluri de rezultate
Un alt rezultat stiluri
Dacă ați însușit deja tutorial HTML. în acest exemplu, este posibil să fie familiarizați doar o singură etichetă - . În acest caz, aceasta servește pentru a conecta stilurile care sunt în fișierul style.css. În primul exemplu al unui rezultat al fișierului era gol, așa că se aplică numai HTML. În al doilea rezultat în style.css a adăugat un pic de stil, iar al treilea - un pic mai mult. În acest caz, fișierul în sine cu pagina HTML nu sa schimbat deloc.
Desigur, pentru a vă arăta exemplul am avut pentru a simula adăugarea de stiluri, dar, în esență nu se schimba.
- Cum sa faci un site web
Însuși liber - Tutorial HTML
pentru începători - CSS Tutorial
pentru începători - Referințe
HTML si CSS - exemple
HTML si CSS - referințe
site-uri utile pentru webmasteri - unelte
Software pentru crearea de site-uri web