Секрет хорошего и успешного дизайна зависит от множества факторов: типографики, цветовой палитры, визуальной иерархии, последовательности и т.д. И компоновка страницы — одна из первостепенных вещей, которую следует учитывать. Она помогает сгруппировать связанные элементы и создавать сбалансированные композиции, которые направляют пользователей по сайту и делают контент легко воспринимаемым.
Если вы дизайнер, знание CSS крайне важно, поскольку оно позволяет контролировать компоновку страницы и достигать желаемого визуального результата. CSS для дизайнеров предлагает широкий спектр возможностей по размещению и позиционированию элементов на веб-странице креативным и визуально привлекательным способом. Освоив такие свойства CSS, как display, flex и visibility, дизайнеры могут создавать сбалансированные композиции, которые направляют пользователей по сайту и делают контент легко читаемым.
Свойство CSS display со значением block
По умолчанию каждое CSS-свойство имеет определённый тип отображения в макете страницы. Например, <div>, <h1>–<h6>, <p>, <form>, <header>, <footer> и <section> по умолчанию ведут себя как блочные элементы. Это означает, что они занимают всю доступную ширину с разрывом строки до и после элемента. Другими словами, блочные элементы не «допускают соседей» на одной строке…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!