ID и классы в CSS
В прошлом уроке мы познакомились с CSS. Но как сделать теги уникальными по отношению к css правилам?
В данном видео уроке речь пойдет о классах и ID в css и html. Как задать класс, как задать id тегу, как использовать классы и id в css — все это в моем видео. Отмечу, что id имеет уникальное значение и должно встречаться на странице один раз, в отличии от классов, множественное применение которых позволяется в css.
Также в этом уроке я показал, для чего может быть полезна консоль браузера, а именно для просмотра и тестирования верстки. Например, вы можете в консоли добавить css правило для элемента и посмотреть в режиме тестирования, как это правило будет применено.
Код урока (HTML)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 id="mainHeader">Header</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, iste earum consequatur iusto officiis. Inventore velit quae soluta atque fugiat, ratione, rerum blanditiis, iusto repudiandae assumenda perferendis necessitatibus molestiae ab.
</body>
</html>Код урока (CSS)
#mainHeader {
color: #e1e1e1;
}
.firstClass {
color: red;
font-size: 20px;
}
.secondClass {
font-weight: bold;
}
Отличные видеоуроки!!!
Наиля, здравствуйте.
Спасибо за отзыв! Успехов вам в изучении.
Добрый день Камиль! Отличные уроки!!! Жаль нет 5-го(((
Здравствуйте, Эдуард! Спасибо. Не понял вас по поводу отсутствия 5-ого урока.