Асновы работы з мовай 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.