Informatică Dezvoltare web
Cum adaug stiluri la o pagina HTML?
Pentru a adăuga stiluri la o pagină HTML, folosești CSS prin trei metode principale: intern, extern sau inline. Acestea schimbă aspectul elementelor HTML, făcând pagina mai atractivă și ușor de citit. Alegerea metodei depinde de complexitatea proiectului.
Metode de adăugare
- 1 CSS intern Adaugă în <head> al HTML-ului: <style> p { color: blue; } </style> pentru a face toate paragrafele albastre.
- 2 CSS extern Creează fișierul style.css cu codul CSS, apoi în HTML, în <head>, adaugă <link rel="stylesheet" href="style.css">.
- 3 CSS inline Scrie direct pe element: <h1 style="font-size: 24px;">Titlu mare</h1> pentru a seta dimensiunea fontului.
Exemple practice
- Schimbă culoarea fundalului În CSS, scrie body { background-color: lightgray; } pentru un fundal gri deschis.
- Centrează un titlu Folosește h1 { text-align: center; } pentru a alinia titlul la centru paginii.
- Adaugă bordură Aplică img { border: 2px solid black; } pentru a încadra imaginile cu o linie neagră.
Folosește CSS extern pentru proiecte mai mari, deoarece separă stilul de conținut și îl face mai ușor de gestionat.