CSS для внешнего вида

HTML говорит, что есть на странице. А за то, как страница выглядит — за цвета, шрифты, размеры и расположение всего на странице, — отвечает второй язык: CSS.

Теперь у страницы есть второй файл, style.css. Переключаться между файлами можно над редактором. Страница подключает этот файл одной строкой в своей «голове»:

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

Она сообщает браузеру, что стили этой страницы лежат в файле style.css. Такой файл называется таблицей стилей, и вот что в нашей написано:

body {
    font-family: Arial, sans-serif;
    background-color: lightyellow;
}

h1 {
    color: purple;
    font-size: 32px;
}

Таблица стилей — это список правил. Каждое правило начинается с того, что оно оформляет: body — это вся страница, а h1 — главный заголовок. Между фигурными скобками { и } идут строки вида свойство: значение;. Так, вся страница набрана шрифтом Arial на светло-жёлтом фоне, а заголовок фиолетовый и размером 32 пикселя. Пиксель (px) — это одна крошечная точка вашего экрана.

Цвета можно записывать их английскими названиями: red, orange, teal, crimson, gold, hotpink и многими другими. Но CSS придирчив: если браузер не понимает строку, например из-за опечатки в цвете или из-за пропущенного px после числа, он просто пропускает её.