Учебник по CSS
CSS — это язык, который мы используем для оформления HTML-страницы.
CSS указывает браузеру, как должны выглядеть HTML-элементы на экране.
Этот учебник научит вас CSS от основ до продвинутого уровня.
Примеры в каждой главе
В этом учебнике по CSS более 700 примеров.
С помощью онлайн-редактора вы можете изменить CSS и нажать кнопку, чтобы увидеть результат.
Пример CSS
Эта страница использует CSS, чтобы задать светло-голубой фон, оформить заголовок и изменить шрифт абзаца.
<style> в head.
Установите светло-голубой фон страницы. Сделайте <h1> белым и по центру. Задайте абзацам шрифт verdana размером 20px. Добавьте заголовок и короткий абзац, чтобы стили были видны.
Output: complete HTML page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CSS Example</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph. It is styled with CSS.</p>
</body>
</html>
Примеры CSS
Учитесь на более чем 700 примерах. С помощью редактора вы можете изменить CSS и нажать кнопку, чтобы увидеть результат.
Используйте меню
Мы рекомендуем читать этот учебник в порядке, указанном в меню.
На большом экране меню остаётся слева. На маленьком экране откройте меню, нажав на значок меню сверху.
Шаблоны CSS
Мы создали несколько адаптивных шаблонов для вас, готовых к использованию.
Вы можете свободно изменять, сохранять, делиться ими и использовать их во всех своих проектах.
Упражнения по CSS
Многие главы этого учебника заканчиваются упражнением, в котором вы можете проверить, что вы выучили.
Тест по CSS
Проверьте свои знания CSS с помощью теста.
Справочники по CSS
На PromptCookbook вы найдёте полные справочники по CSS для всех свойств и селекторов, с синтаксисом, примерами, поддержкой браузеров и многим другим.