43.3 Internal CSS

Înțelegerea CSS-ului intern

În această lecție, am învățat despre CSS-ul intern și cum poate fi utilizat pentru a personaliza stilurile unei pagini web. CSS-ul intern este inclus direct în fișierul HTML și afectează doar pagina respectivă.

Un exemplu ar fi următorul:

<!DOCTYPE html>
<html>
<head>
	<title>Exemplu de CSS intern</title>
	<style>
		body {
			background-color: lightblue;
		}
		h1 {
			color: navy;
			text-align: center;
			border: 2px solid black;
			padding: 20px;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>Bine ați venit la website-ul nostru!</h1>
	<p>Acesta este un exemplu de CSS intern.</p>
</body>
</html>

Această pagină HTML include un bloc de cod CSS intern care schimbă culoarea de fundal a paginii și stilul titlului principal. În acest caz, am utilizat proprietăți precum background-color, color, text-align, border, padding și margin pentru a personaliza aspectul titlului.

Spre deosebire de CSS-ul extern, CSS-ul intern este mai ușor de gestionat, deoarece nu necesită încărcarea unui fișier suplimentar. Cu toate acestea, nu este la fel de flexibil ca CSS-ul extern, deoarece nu poate fi utilizat pentru mai multe pagini web.

În general, CSS-ul intern este util pentru paginile web mici sau pentru stilizarea elementelor individuale, cum ar fi formularul de contact sau pagina de contact.

Sper că această lecție v-a fost utilă în înțelegerea CSS-ului intern și cum poate fi utilizat pentru a vă personaliza stilurile paginii web.