Руководство по CSS

CSS правила (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS классовый селектор .class

Онлайн пример

Используйте class="content" для выбора и установки стиля всех элементов:

Пример

<!DOCTYPE html>
<html>
<title>Сайт базовых учебников (oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Добро пожаловать на мою домашнюю страницу</h1>
<div class="content">
<p>Меня зовут Тють.</p>
<p>Я живу в Канаде.</p>
</div>
<p>Моя лучшая подруга — Лили.</p>
</body>
</html>

Проверьте, как это выглядит ‹/›

Определение и использование

　.classВыборщик определяет стиль всех элементов класса.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают.classВыборщик

Онлайн пример

Примените стиль class="myhome" ко всем элементам <p>:

Пример

<!DOCTYPE html>
<html>
<title>Сайт базовых учебников (oldtoolbag.com)</title>
<head>
<style>
p.myhome
{　
background:red;
}
</style>
</head>
<body>
<p>Меня зовут Тють.</p>
<p class="myhome">Я живу в Канаде.</p>
<p>Меня зовут Тють.</p>
<p class="myhome">Я живу в Канаде.</p>
</body>
</html>

Проверьте, как это выглядит ‹/›

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS