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