Раздел каскадных стилей css

Author
Анна Петрова
Senior UX Designer @ TechCorp

☛HTML и CSS ✎
★★★★☆
3.8 / 5 (61 оценок)



Наследования
Свойства стилей передаются по наследству от «родителя» (основного тега) до «потомка» (тега, находящегося внутри основного).
Пример:
В {color: blue)
Эта команда сообщает браузеру, что весь текст в пределах тега<В> будет отображаться синим. Что мы видим?
<В> Даешь поддержку стилей на <1> всех страницах </ И> до 2006 года!</ В>
Эта команда не устанавливалось для тега<И>. Но здесь он находится в пределах тега <В> и наследует текущую команду. Итак, «потомок» остается синим, как его «отец»:
Даешь поддержку стилей на всех страницах до 2006 года!
Теперь вы знаете основные правила работы стилей. Вы также изучили один из способов добавления стилей на веб-страницу. Но есть и другие способы. Давайте их рассмотрим.
Добавление стилей в веб-страницы

Стили: инструмент для современных веб-дизайнеров
<HEAD>
<Титце> Мой Первый Стиль </ TITLE>
</ HEAD>
<BODY>
<Н1> Стили: инструмент для современных веб-дизайнеров </ Н1>
<Р> А Вашим конкурентам и не снилось!</ P>
</ BODY>
</ HTML>
Вложенные стили выполняются только для текущего HTML-документа. Если вы хотите добавить стили только на единственной странице, этот путь с наилучшим. Вы, вероятно, обратили внимание на два интересных момента в этом коде:
Вот как это будет выглядеть: создайте обычную веб-страницу, но вместо тега <STYLE> используйте <LINK> в пределах тега <HEAD>:
<HTML>
<HEAD>
<TITLE>МойПервыйСтиль</ TITLE>
<LINK REL=stylesheet HREF="mystyles.css" TYPE="text/cs s">
</ HEAD>
<BODY>
<Н1> Стили: инструмент для современных веб-дизайнеров </ Н1>


Предыдущая   -    Страница: 3 из 4    -   Следующая

Навигация: 1  2  3  4  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю