Это звучит странно и непрактично, но, возможно, когда-нибудь на собеседовании Вас озадачат вопросом, привычным для любителей JavaScript и других языков программирования: можно ли написать фразу “Hello, World!” на чистом CSS?

Итак, у нас есть класс .form-123, в котором цифровая составляющая изменяется при загрузке или обновлении страницы. Можно ли установить единые CSS-свойства (например, margin или background-color) для классов такого типа.

Мы постоянно пытаемся улучшить процесс вывода изображений при загрузке страниц сайта. Для фронтенд-разработчиков это цель, миссия и, даже, часть культуры.

Итак, проблема - на html-странице есть ссылка на якорь, подобная этой: <a href="#header-3">Перейти</a>, при нажатии на которую происходит переход к такому блоку <h3 id="header-3">Заголовок</h3>. На первый взгляд, все работает превосходно, но не в случае, когда к шапке сайта применили CSS-свойство position: fixed; - header просто не позволит увидеть блок, к которому Вы перешли.

Элементы details и summaryотлично подходят для того, чтобы скрыть небольшой фрагмент текста. По умолчанию содержимое блока details скрыто. Виджет элемента details обычно представлен небольшим треугольником, который меняет свое положение при раскрытии или скрытии контента. Содержимое блока summary, являющегося первым дочерним элементом блока detail, используется в качестве метки виджета раскрытия.