Асновы работы з мовай CSS

Мы з вамі ўжо разабралі асноўныя тэгі мовы HTML і цяпер прыйшоў час навесці прыгажосць. Хацелася б мець магчымасць мяняць колер тэксту, яго памер, фон і многае іншае. Гэта робіцца з дапамогай мовы CSS.

Як правіла, CSS каманды (стылі) захоўваюцца ў асобным файле, які падключаецца спецыяльным тэгам да ўсіх HTML старонак нашага сайта.

Перавага такога падыходу ў тым, што CSS файл адзін, а HTML файлаў можа быць любая колькасць, хоць тысяча. Калі мы зробім змену ў адным месцы CSS файла, напрыклад, пафарбуем усе абзацы ў чырвоны колер, то гэтыя змены прымяняцца на ўсёй тысячы HTML старонак, да якіх падключаны наш CSS файл. Вельмі зручна і хутка.

Файл са стылямі павінен мець пашырэнне .css. Каб падключыць такі файл да HTML старонкі, у тэгу head варта напісаць такую канструкцыю:

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

У наступным прыкладзе да нашага HTML файла падключаецца CSS файл styles.css:

html<!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>