Повторение строк и столбцов и свойство grid

Здравствуйте! Продолжаем изучать новую технологию верстки с помощью Grid Layout. На прошлом уроке мы с вами разбирались со столбцами и строками в grid, а теперь поговорим о таком вопросе как повторение строк и столбцов и как все это можно оптимизировать. Дело в том, что когда у вас много строк и столбцов и вы хотите задать для них одинаковые размеры, то совсем необязательно прописывать все эти размеры. Достаточно написать один размер, а затем с помощью специальной функции repeat() повторить эти размеры. Итак давайте разбираться. Читать далее

Повторение строк и столбуов и функция grid

		Это интересно Это интересно 0 0	Как всё будет выглядеть в блоге: Повторение строк и столбцов и свойство grid Здравствуйте! Продолжаем изучать новую технологию верстки с помощью Grid Layout Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14096382/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Повторение строк и столбцов и свойство grid </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! Продолжаем изучать новую технологию верстки с помощью Grid Layout </div> </div> Повторение строк и столбцов и свойство grid <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14096382/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Повторение строк и столбцов и свойство grid</a> <div style="font-family:trebuchet MS;">Здравствуйте! Продолжаем изучать новую технологию верстки с помощью Grid Layout </div> </div>

webguru

17.09.2017

В избранное Пожаловаться Просмотров: 557

Следить

Комментарии ⁰

Создать свой сайт 963

Последние откомментированные темы:

Повторение строк и столбцов и свойство grid

Комментарии временно отключены

Открытая группа
19576 участников