12 подписчиков
День 26: Разбор некоторых терминов из CSS в секции header
Свойство display: table; используется для того, чтобы элементы веб-страницы отображались как таблицы. Это позволяет использовать вертикальное выравнивание содержимого внутри элемента, что часто бывает полезно для центрирования текста или других элементов по вертикали.
Свойство display: table-cell; используется для элементов внутри контейнера с display: table;. Оно позволяет элементам вести себя как ячейки таблицы, что позволяет использовать вертикальное выравнивание (vertical-align) и горизонтальное выравнивание (text-align).
Свойство vertical-align: middle; используется для вертикального выравнивания содержимого элемента. В сочетании с display: table-cell; оно позволяет центрировать содержимое по вертикали внутри родительского элемента.
Псевдокласс :last-child используется для выбора последнего элемента среди своих братьев и сестер.
Сегодня я осознал, что методы, основанные на display: table, стали менее актуальными и используются в основном в старом коде. В настоящее время основное внимание уделяется Flexbox и CSS Grid, которые предлагают более современные и адаптивные подходы к построению макетов.
Следовательно, вместо того, чтобы углубляться в старые методы, лучше сосредоточиться на изучении новых, которые продвинулись и стали более эффективными. Хотя я и чуть-чуть освоил старые методы, но важно нацеливаться на современный кодинг, который обеспечивает большую гибкость и адаптивность веб-страниц.
1 минута
10 марта 2025