Классы HTML

Классифицируйте HTML (установите класс), чтобы мы могли определить CSS стили для класса элементов.

Установите одинаковые стили для одинаковых классов или разные стили для разных классов.

Пример

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    фоновый-цвет:черный;
    цвет:белый;
    маржин:20px;
    отступ:20px;
} 
</style>
</head>
<body>
<div class="cities">
<h2>Лондон</h2>
<p>
Лондон является столицей Англии. 
Это наиболее густонаселенный город в Великобритании, 
с metropolitan area, насчитывающим более 13 миллионов жителей.
</p>
</div> 
</body>
</html>

Попробуйте сами

классифицированными блочными элементами

Элемент HTML <div> являетсяБлочные элементыОн может использоваться в качестве контейнера для других элементов HTML.

Установите класс для элемента <div>, чтобы мы могли устанавливать одинаковые классы для одинаковых элементов <div>:

Пример

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    фоновый-цвет:черный;
    цвет:белый;
    маржин:20px;
    отступ:20px;
} 
</style>
</head>
<body>
<div class="cities">
<h2>Лондон</h2>
<p>Лондон является столицей Англии. 
Это наиболее густонаселенный город в Великобритании, 
с мегаполисом, населенным более чем 13 миллионами жителей.</p>
</div>
<div class="cities">
<h2>Париж</h2>
<p>Париж - это столица и наиболее густонаселенный город Франции.</p>
</div>
<div class="cities">
<h2>Токио</h2>
<p>Токио - это столица Японии, центр Большого Токио.</p>
и это наиболее густонаселенный мегаполис в мире.</p>
</div>
</body>
</html>

Попробуйте сами

Категория инлайн-элементов

Элемент HTML <span> является инлайн-элементом и может использоваться в качестве контейнера для текста.

Установка класса для элемента <span> позволяет устанавливать одинаковые стили для всех элементов <span>.

Пример

<!DOCTYPE html>
<html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>
<h1>Мой <span class="red">важный</span> заголовок</h1>
</body>
</html>

Попробуйте сами