06:44
1,0×
00:00/06:44
366,7 тыс смотрели · 3 года назад
7 лет назад
CSS блоки - таблицы вводная
Тут поговорим, о исторически первом способе организовывать содержимое на страницах. О CSS правилах для отображения таблиц и их составных частей. Таблицы в отличии от многих других блоков это комплексная сущность, которая состоит не просто из одного тега, а сразу нескольких. Благодаря этому таблицы являются по сути универсальным средством управления расположением информации на странице. Как минимум нужно понимать, что любая таблица в web сначала состоит из строк, а затем в них вложены колонки. Причем...
3 месяца назад
День 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, которые предлагают более современные и адаптивные подходы к построению макетов. Следовательно, вместо того, чтобы углубляться в старые методы, лучше сосредоточиться на изучении новых, которые продвинулись и стали более эффективными. Хотя я и чуть-чуть освоил старые методы, но важно нацеливаться на современный кодинг, который обеспечивает большую гибкость и адаптивность веб-страниц.