Основи на работата с езика CSS

Вече разгледахме основните тагове на езика HTML и сега е време да внесем малко красота. Би било хубаво да имаме възможност да променяме цвета на текста, неговия размер, фона и много други неща. Това се прави с помощта на езика CSS.

Обикновено CSS командите (стилове) се съхраняват в отделен файл, който се свързва със специален таг към всички HTML страници на нашия уебсайт.

Предимството на този подход е, че CSS файлът е един, а HTML файловете могат да бъдат всякакво количество, дори хиляда. Ако направим промяна на едно място в CSS файла, например, оцветим всички параграфи в червено, то тези промени ще се приложат върху всичките хиляда HTML страници, към които е свързан нашия CSS файл. Много удобно и бързо.

Файлът със стилове трябва да има разширение .css. За да свържете такъв файл към HTML страница, в тага head трябва да напишете следната конструкция:

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

В следващия пример към нашия HTML файл се свързва 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>

Създайте и свържете към всичките ви страници файл styles.css.