Урок 6.1. Блоки в CSS. Блочные и строчные элементы
Bootstrap. Блоки одинаковой высоты
В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS.
Адаптивные блоки одинаковой высоты на Bootstrap.
Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS.
Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...
Как сделать тень для блока в CSS?
В этой статье мы научимся создавать тени вокруг блоков. Свойство с помощью которого это можно сделать выглядит вот так: Значением этого свойства являются пять важных параметров: горизонтальное смещение, вертикальное смещение, размытие, распространение тени и цвет тени. Для элемента p это будет выглядеть вот так: Переходим к практике. Начать можно с создания нужного количества абзацев на веб-странице (в нашем случае их будет пять). Далее открываем файл в формате css и прописываем правило для каждого абзаца (не считая самого первого, т...