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

Блочные и встроенные элементы в CSS. Свойство display

В этом видео уроке рассказывается о том, что такое блочные и встроенные элементы, чем они отличаются и как с ними работать в CSS. А также как из блочного элемента сделать встроенный и наоборот. Блочные элементы отличается от встроенных тем, что они всегда начинаются с новой строки, например тег div, p, h и т.д. Встроенные элементы (теги span, a, b, strong, I, em и т.д.) не разрывает строку, и используются в основном для выделения части текста каким-либо стилем. Внутри одного встроенного элемента можно помещать текст и другие встроенные элементы, но нельзя помещать блочные. А блочные элементы позволяют включать в себя и те и другие. Еще одним принципиальным отличием является то, что встроенные элементы не имеют отступов сверху и снизу, т.е. свойства margin-top, margin-bottom, padding-top и padding -bottom для них не доступны и браузер их игнорирует. Для того чтобы переопределить один элемент в другой, т.е. из блочного сделать встроенный, нужно для свойства display присвоить значение inline. А значение block для свойства display, наоборот, из встроенного элемента сделает блочный Видео урок «Блочные и встроенные элементы в CSS. Свойство display» вы можете смотреть онлайн в любое время совершенно бесплатно. Удачи Вам!




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