Informatică Dezvoltare web
Cum leg CSS la HTML?
CSS-ul se leagă la HTML folosind trei metode principale: inline, intern și extern. Metoda externă este cea mai recomandată pentru proiecte mari, deoarece separă stilizarea de structura paginii și permite reutilizarea codului. Pentru a lega un fișier CSS extern, folosești tag-ul <link> în secțiunea <head> a documentului HTML.
Metode de legare CSS la HTML
- CSS inline Scrii stilurile direct în atributul style al unui element HTML. Exemplu: <p style="color: blue;">Text</p>. Nu e recomandat pentru stilizări complexe.
- CSS intern Definești stilurile într-un tag <style> plasat în secțiunea <head> a HTML-ului. Exemplu: <style> p { color: red; } </style>. Bun pentru pagini mici.
- CSS extern Creezi un fișier separat cu extensia .css și îl legi la HTML folosind <link>. Exemplu: <link rel="stylesheet" href="style.css">. Cel mai eficient pentru proiecte.
Exemplu practic de legare externă
- 1 Pasul 1: Creează fișierul CSS Într-un editor de text, salvează un fișier numit style.css. Adaugă cod CSS, de exemplu: body { font-family: Arial; }.
- 2 În fișierul HTML, în secțiunea <head>, inserează: <link rel="stylesheet" type="text/css" href="style.css">.
- 3 Pasul 3: Verifică rezultatul Deschide fișierul HTML într-un browser; stilurile din style.css vor fi aplicate automat.
Folosește întotdeauna CSS extern pentru proiecte web, deoarece îmbunătățește organizarea și viteza de încărcare.