https://www.w3schools.com/css/css_text.asp
Una dintre modalitățile cele mai eficiente de a organiza și de a îmbunătăți design-ul unei pagini web este prin utilizarea fișierelor CSS externe. Aceste fișiere pot fi create separat și apoi incluse în pagina web, în loc să fie plasate direct în codul HTML.
Utilizarea CSS externe poate aduce multe beneficii. În primul rând, face ca codul HTML să fie mai curat și mai ușor de citit, ceea ce facilitează întreținerea și actualizarea ulterioară a site-ului. În al doilea rând, permite utilizatorilor să folosească același fișier CSS pentru mai multe pagini web, ceea ce economisește timp și mărește eficiența.
Iată un exemplu de utilizare a CSS-ului extern în HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Titlu principal</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
În acest exemplu, legătura către fișierul CSS este inclusă în secțiunea head a documentului HTML, iar fișierul CSS este numit style.css.
În fișierul CSS extern, putem defini stilurile pentru elementele HTML folosind selecționarea elementelor. Iată un exemplu:
h1 {
color: blue;
font-size: 24px;
}
p {
color: black;
font-size: 16px;
}
În acest exemplu, stilul pentru h1 este definit pentru a avea culoarea albastră și dimensiunea fontului de 24px, în timp ce stilul pentru p este definit pentru a avea culoarea neagră și dimensiunea fontului de 16px.
Utilizarea fișierului CSS extern poate economisi timp și efort, dar poate fi mai dificil de înțeles pentru începători. Cu toate acestea, odată ce aveți o înțelegere solidă a CSS-ului extern, veți putea crea site-uri web mai rapide și mai eficiente.