Frontend: подробные гайды

Введение в свойство display: block Свойство display: block используется для определения типа отображения элемента как блочного. Когда элементу присваивается это свойство, он занимает всю доступную горизонтальную ширину и располагается на новой строке. Основное понятие свойства display: block заключается в том, что элемент, на который оно применено, будет рассматриваться как блочный элемент, а не строчный или инлайновый. Блочные элементы могут содержать другие элементы внутри себя и образовывать блоки в потоке документа...

Привет! Сегодня мы поговорим о CSS Grid и его основах. Grid — это мощный инструмент для создания сеток и макетов на веб-страницах. Вот несколько ключевых моментов, которые помогут тебе понять основы и преимущества CSS Grid: Определение контейнера сетки Свойство display: grid применяется к родительскому элементу, который будет служить контейнером для нашей сетки. После применения этого свойства, контейнер превращается в сетку, которую мы можем настраивать и размещать на ней элементы. Например, чтобы создать контейнер сетки, мы можем применить следующее правило CSS: ...

Введение в Flexbox: Изучение основных принципов и понятий. Flexbox является мощным инструментом CSS, который позволяет гибко управлять расположением элементов внутри контейнера. Он предоставляет набор свойств, позволяющих создавать адаптивные и гибкие макеты. Основной концепцией Flexbox является разделение контейнера на гибкие элементы, которые можно распределять, выравнивать и изменять размеры. Главные термины, связанные с Flexbox, включают в себя: Изучение основных принципов Flexbox поможет в создании гибких макетов, упростит выравнивание элементов и улучшит адаптивность веб-страниц...