Ce este CSS?

Cascading Style Sheets (CSS) sunt un limbaj de stiluri utilizat pentru a descrie prezentarea unui document scris într-un limbaj de marcare (HTML, XHTML, SVG, XML).

Funcțiile principale ale CSS:

Separarea prezentării de conținut: Permite modificarea aspectului unei pagini web fără a schimba structura acesteia.
Stilizarea elementelor: Controlul culorilor, fonturilor, dimensiunilor, marginilor, borderurilor și altor proprietăți vizuale ale elementelor.
Crearea unui design adaptiv: Cu ajutorul media queries, se pot aplica stiluri diferite în funcție de caracteristicile dispozitivului utilizatorului (rezoluție ecran, orientare etc.).
Animații și tranziții: Crearea de efecte vizuale pentru interactivitate și îmbunătățirea experienței utilizatorului.
Gestionarea layout-ului: Poziționarea elementelor pe pagină folosind diverse tehnici (Flexbox, Grid, float-uri etc.).

Structura regulii CSS:

/* Selector */
h1 {
  /* Declarații */
  color: blue; /* Proprietate: valoare; */
  font-size: 24px;
}

Modalitățile principale de conectare a CSS-ului la documentul HTML:

Fișier extern (<link>): Cel mai răspândit și recomandat mod. Stilurile sunt stocate într-un fișier .css separat.
```
<link rel="stylesheet" href="styles.css">
```
În interiorul etichetei <style>: Stilurile sunt definite direct în documentul HTML, de obicei în secțiunea <head>. Potrivit pentru stiluri mici sau teste rapide.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Stiluri inline (style atribut): Stilurile sunt aplicate unui element HTML specific prin intermediul atributului style. Are prioritate înaltă, dar complică întreținerea și scalabilitatea.
```
<div style="border: 1px solid black;">
  Acest div are un stil inline.
</div>
```

Cascada determină modul în care browserul aplică stilurile atunci când există mai multe reguli care se contrazic pentru același element. Se iau în considerare:

Prioritatea selectorilor: Selectorii mai specifici au prioritate mai mare.
Ordinea: Reguli declarate mai târziu suprascriu pe cele anterioare cu aceeași prioritate.
!important: Declarațiile cu !important au prioritatea cea mai mare (se folosește cu prudență).
Sursa stilurilor: Stilurile autorului au prioritate mai mare decât stilurile utilizatorului sau stilurile implicite ale browserului.