Приветствую Вас Гость | Регистрация | Вход

Блочная модель, отступы в CSS. Свойства margin и padding

В этом онлайн уроке рассказывается о том, как устроена блочная модель HTML страницы, а также как в CSS сделать или убрать отступ от края блока (сверху, снизу, слева, справа) - свойства margin и padding. Дело в том, что для браузера, каждый тег HTML страницы сайта представляется как блок, причем по умолчанию этот блок занимает всё доступное ему пространство по ширине. Это будет хорошо видно, если задать для каждого тега рамку. В каждом блоке имеется содержимое, где будет находиться текст или другие элементы. Далее идет внутренний отступ, который можно изменить CSS свойством padding. Затем идет рамка - border и внешний отступ - margin. По умолчанию браузер присваивает определенные отступы для элементов. Причем каждый браузер может присвоить свой отступ, поэтому их лучше изначально убирать, т.е. сбрасывать в ноль для всех элементов страницы, а потом задавать по мере необходимости требуемые поля для конкретных тегов. Для того чтобы сделать отступ с конкретной стороны, нужно добавить к соответствующему свойству через дефис название стороны - top,right, bottom, left (сверху, справа, снизу и слева). Например, за внутренний отступ сверху отвечает свойство padding- top. Видео урок «Блочная модель, отступы в CSS. Свойства margin и padding» вы можете смотреть онлайн совершенно бесплатно в любое время. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.