Bazele lucrului cu limbajul CSS

Am analizat deja tag-urile de bază ale limbajului HTML și acum este timpul să facem frumos. Am dori să avem posibilitatea de a schimba culoarea textului, dimensiunea acestuia, fundalul și multe altele. Acest lucru se face cu ajutorul limbajului CSS.

De obicei, comenzile CSS (stiluri) sunt stocate într-un fișier separat, care este conectat printr-un tag special la toate paginile HTML ale site-ului nostru.

Avantajul acestei abordări este că fișierul CSS este unul singur, iar fișierelor HTML poate fi orice cantitate, chiar și o mie. Dacă facem o modificare într-un singur loc în fișierul CSS, de exemplu, vom colora toate paragrafele în roșu, atunci acele modificări se vor aplica pe toate cele o mie de pagini HTML la care este conectat fișierul nostru CSS. Foarte convenabil și rapid.

Fișierul cu stiluri trebuie să aibă extensia .css. Pentru a conecta un astfel de fișier la o pagină HTML, în tag-ul head trebuie scrisă următoarea constructie:

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

În următorul exemplu, fișierului nostru HTML i se conectează fișierul CSS styles.css:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

Creați și conectați la toate paginile voastre fișierul styles.css.