Друзья, помните наш новогодний квест?
☃️Пришло время рассказать, что именно мы там обыгрываем и зачем.
Хотя кто-то и так уже догадался. Идея-то несложная: метафорически показать, как работают атрибуты стиля в CSS.
Однако нас читают и те, кто не знакомы с вёрсткой веб-страниц, поэтому разъясним.
Атрибут flex-direction можно использовать, если вы хотите изменить расположение и порядок элементов на странице. Нельзя так просто взять и поставить, скажем, два изображения в ряд. Для этого нужно:
«законтейнерить» группу элементов (назовём её #something):
<div id=”something”></div>
задать нашему «диву» соответствующее описание в таблице стилей:
div#something{display: flex; float: left; flex-direction: row;}
👌 Готово! Ну а если мы хотим, чтобы картинки встали в обратном порядке?
div#something{display: flex; float: left; flex-direction: row-reverse;}
Так что атрибут очень полезный.
И курс HTML/CSS у нас тоже есть. Напоминаем, что вы можете приобрести его со скидкой 20%.
❄️🎄Участвуйте в нашем новогоднем квесте «Киберснеговик: случай на пустыре» и выгодно экономьте!
☃️Пришло время рассказать, что именно мы там обыгрываем и зачем.
Хотя кто-то и так уже догадался. Идея-то несложная: метафорически показать, как работают атрибуты стиля в CSS.
Однако нас читают и те, кто не знакомы с вёрсткой веб-страниц, поэтому разъясним.
Атрибут flex-direction можно использовать, если вы хотите изменить расположение и порядок элементов на странице. Нельзя так просто взять и поставить, скажем, два изображения в ряд. Для этого нужно:
«законтейнерить» группу элементов (назовём её #something):
<div id=”something”></div>
задать нашему «диву» соответствующее описание в таблице стилей:
div#something{display: flex; float: left; flex-direction: row;}
div#something{display: flex; float: left; flex-direction: row-reverse;}
Так что атрибут очень полезный.
И курс HTML/CSS у нас тоже есть. Напоминаем, что вы можете приобрести его со скидкой 20%.
❄️🎄Участвуйте в нашем новогоднем квесте «Киберснеговик: случай на пустыре» и выгодно экономьте!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3😁1🎄1