Informatică Dezvoltare web

Ce este CSS si cum il folosesc?

CSS (Cascading Style Sheets) este un limbaj care controlează aspectul și formatarea paginilor web. Îl folosești pentru a adăuga culori, fonturi, spațiere și alte stiluri la elementele HTML. CSS se poate include într-un fișier separat, în secțiunea head a HTML sau direct pe elemente.

Cum se folosește CSS

  1. 1
    Metoda 1: Fișier extern Creează un fișier .css și conectează-l la HTML cu <link rel="stylesheet" href="nume.css"> în <head>. Aceasta este cea mai bună practică.
  2. 2
    Metoda 2: Stil intern Adaugă un tag <style> în secțiunea <head> a HTML și scrie reguli CSS acolo. Exemplu: <style> p { color: green; } </style>.
  3. 3
    Metoda 3: Stil inline Aplică stil direct pe un element HTML folosind atributul style. Exemplu: <p style="font-size: 20px;">Text mare</p>. Folosește-o rar.

Exemplu de regulă CSS

  • Sintaxa de bază O regulă CSS are selector, proprietate și valoare: selector { proprietate: valoare; }. Exemplu: h1 { color: blue; }.
  • Selector simplu Selectează elemente după tag. Pentru toate paragrafele: p { font-family: Arial; }.
  • Selector cu clasă Selectează elemente cu o clasă specifică. În HTML: <div class="highlight">, în CSS: .highlight { background-color: yellow; }.

Începe cu un fișier extern CSS pentru a menține codul organizat și ușor de modificat.

Mai multe din Dezvoltare web