Informatică Dezvoltare web
Cum se adauga CSS la o pagina HTML?
CSS (Cascading Style Sheets) se adaugă la o pagină HTML pentru a controla aspectul vizual, folosind trei metode principale: inline, intern și extern. Inline aplică stiluri direct pe elemente, intern le include în secțiunea <head>, iar extern le încarcă dintr-un fișier separat, recomandat pentru organizare și reutilizare. Fără CSS, paginile HTML ar fi doar text simplu fără stil.
Metoda inline
- Cum funcționează Folosește atributul style direct pe o etichetă HTML, de ex. <p style="color: red;">Text</p>.
- Avantaje Rapid pentru modificări mici; nu necesită fișiere separate.
- Dezavantaje Greu de întreținut pentru pagini mari; duce la cod duplicat.
Metoda internă
- Cum funcționează Include CSS în secțiunea <head> cu eticheta <style>, de ex. <style>p { color: blue; }</style>.
- Avantaje Centralizează stilurile pentru o singură pagină; mai ușor de gestionat decât inline.
- Dezavantaje Nu se poate reutiliza pe alte pagini; mărește dimensiunea fișierului HTML.
Metoda externă
- 1 Pasul 1: Creează fișier CSS Salvează un fișier cu extensia .css, de ex. stiluri.css, și scrie reguli CSS în el.
- 2 Pasul 2: Legătură la HTML Adaugă <link rel="stylesheet" href="stiluri.css"> în secțiunea <head> a paginii HTML.
- 3 Pasul 3: Verifică Încarcă pagina în browser pentru a vedea stilurile aplicate.
Folosește metoda externă pentru proiecte mai mari, deoarece este cea mai eficientă și organizată.