Этот сайт содержит большие скриншоты и встроенные примеры сложных компоновок блоков, поэтому он оптимизирован для достаточно широких экранов. Хотя бы от 1280 пикселей.

Прочее

Тень
Тень можно задать внутреннюю и внешнюю, определить ее размеры и положение, а также цвет. Обратите внимание, что цвет можно задавать полупрозрачным. 
Рамка
Здесь тоже все достаточно просто: с каждой стороны блока можно задать рамку определенного цвета, стиля и толщины.
Скругление углов
И тут все понятно

Положение блока

По умолчанию используется относительное позиционирование, т.е. блоки выводятся последовательно (вертикально или горизонтально относительно предыдущего блока). При этом позиционировании вы можете указать индекс по оси Z: чем больше индекс, тем “выше” будет блок. Это полезно для случаев, когда у блока отрицательный внешний отступ и он налезает на другой блок.

Прилипание позволяет при прокрутке страницы прикрепить блок к верхней или нижней границе. На сайте-примере “Корпоративный сайт” шапка прилеплена кверху. Обратите внимание, что у прикрепленного элемента должен быть выставлен большой z-index, чтобы он показывался поверх тех элементов, которые прокручиваются вместе со скроллом страницы.

Варианты положения “абсолютное” и “закреплено” используйте только в том случае, если точно знаете, зачем это надо. Иначе блок может “потеряться” под другими блоками, и с адаптацией под мобильные устройства могут быть проблемы.

Отступы между элементами

Если ваш блок списочный (или это контейнер), вы можете задать горизонтальные и вертикальные отступы элементам.