Informatică Dezvoltare web

Cum se aplica CSS in HTML?

CSS se aplică în HTML prin trei metode principale: inline, intern și extern, care controlează stilul și aspectul elementelor paginii. Fiecare metodă are utilizări specifice în funcție de complexitatea proiectului. CSS permite separarea conținutului de prezentare.

Metode de aplicare

  • CSS inline Folosește atributul style direct în tag-uri HTML, de exemplu: <p style="color:red;">Text roșu</p>.
  • CSS intern Definește stiluri în secțiunea head cu tag-ul <style>, aplicabile întregului document.
  • CSS extern Leagă un fișier .css separat prin <link rel="stylesheet" href="style.css"> în head, pentru proiecte mari.

Exemplu practic

  1. 1
    Creează fișier CSS Salvează un fișier style.css cu conținut: p { font-size: 16px; }.
  2. 2
    Leagă în HTML În head-ul HTML, adaugă: <link rel="stylesheet" href="style.css">.
  3. 3
    Aplică stiluri Toate paragrafele <p> din HTML vor avea acum font-size de 16px.

Pentru proiecte complexe, preferă CSS extern pentru o întreținere mai ușoară.

Mai multe din Dezvoltare web