CSS (Cascading Style Sheets) este un limbaj folosit pentru a stiliza paginile web. Cu ajutorul CSS, poți schimba aspectul elementelor HTML, cum ar fi culoarea, dimensiunea textului sau spațierea.
Termeni de bază în CSS:
- Selector: indică elementul HTML care va fi stilizat (ex: `p` pentru paragrafe).
- Proprietate: caracteristica ce va fi modificată (ex: `color`).
- Valoare: noua valoare atribuită proprietății (ex: `blue`).
Exemplu simplu:
p {
color: blue;
font-size: 18px;
}
În acest exemplu, toate paragrafele (<p>) vor avea text albastru și dimensiunea fontului de 18px.
Cum se adaugă CSS într-o pagină web
Există trei metode principale de a adăuga CSS:
1. CSS inline – direct în elementul HTML, folosind atributul style:
<p style="color: red;">Text roșu</p>
2. CSS intern – într-un bloc <style> în secțiunea <head> a paginii:
<head>
<style>
p { color: green; }
</style>
</head>
3. CSS extern – într-un fișier separat .css, legat cu <link>:
<head> <link rel="stylesheet" href="stil.css"> </head>
Această metodă este recomandată pentru proiecte mai mari, deoarece permite reutilizarea și organizarea mai bună a stilurilor.