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

Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height

Это видео посвящено вопросу о том, как в CSS задается ширина и высота блока, т.е. его размеры - свойства width и height, а также как выравнивать блок по центру при помощи свойства margin. Для изменения ширины блока предназначено свойство width, которое указывается в пикселях или в процентах от свободного пространства, т.е. в этом случае ширина родительского блока берется за 100 процентов. За высоту блока отвечает свойство height и задается оно в пикселях. Здесь стоит отметить то, что размеры блока, т.е. ширина и высота задает размеры содержимого блока, а все отступы и рамки считаются отдельно. Еще одним моментом является перенос текста на следующую строку в случае, если он не помещается по ширине. При этом если высота блока не задана, то она будет увеличиваться автоматически, а если её указать, то контент блока будет выходить за рамки блока, а его высота останется неизменной. Чтобы этого не происходило, в CSS предусмотрено свойство overflow, сообщающее браузеру, как отображать контент в блоке, который в него не влезает. Значение hidden - будет обрезать контент, avto - появятся полосы прокрутки в случае превышения высоты блока, scroll - полосы прокрутки будут в любом случае. Для выравнивания блока по центру нужно указать свойство margin по бокам в значение auto. Видео урок «Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height» вы можете смотреть онлайн совершенно бесплатно. Удачи Вам!




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