Materiale

Lectie: Bazele Web Dev

Material: Introducere CSS

Introducere CSS

CSS (Cascading Style Sheets) este limbajul folosit pentru a stiliza paginile web. Cu ajutorul CSS, poți controla aspectul vizual al elementelor HTML, inclusiv culori, fonturi, layouturi și multe altele.

Cum funcționează CSS?

CSS funcționează prin asocierea unui stil (proprietăți CSS) cu elementele HTML pe care dorești să le modifici. Aceste stiluri sunt aplicate în funcție de selecția făcută, care poate fi un selector pentru un element HTML, o clasă sau un ID.

Cum se adaugă CSS într-o pagină?

Există trei modalități principale de a adăuga CSS într-o pagină web:

CSS Inline: Este aplicat direct într-un atribut style al unui element HTML.
CSS Intern: Este plasat între tagurile <style> din secțiunea <head> a paginii.
CSS Extern: Este plasat într-un fișier separat, care este legat de pagina HTML prin tagul <link>.

Exemplu de CSS extern

Iată un exemplu simplu de utilizare a unui fișier CSS extern:

        
<link rel="stylesheet" href="styles.css">

Iar fișierul styles.css poate conține următorul cod:

        
body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
}

h1 {
    color: #333;
}

Concluzie

CSS este un limbaj puternic care îți permite să creezi pagini web atractive și ușor de utilizat. Pe măsură ce înveți mai multe, vei putea controla cu precizie fiecare aspect al designului paginilor tale.

Inapoi