Урок 9. Курс по CSS3. Функция calc() и свойство box-sizing

Дата публикации: 26-06-2018

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел
Курс по CSS3

От автора: вы, скорее всего, знаете, что полная ширина блока в css складывается из ширины блока (width), внутренних отступов (padding) и рамки (border). При верстке не всегда удобно держать в голове и вычислять значение ширины, которое нужно указать с учетом отступов и border.

В этом уроке мы рассмотрим свойства css3 box-sizing, которое упрощает расчеты в подобных ситуациях. Также в уроке мы рассмотрим очень полезную функцию css3 calc(), которая позволяет задавать вычисляемые значения. Например, если вам нужно указать, что ширина блока равна всей доступной ширине минус значение отступов, то функция calc() вам позволит очень просто реализовать вашу задумку, не прибегая к использованию javascript. По результатам урока Вы научитесь работать с функцией calc(), вспомните, из чего состоит ширина и высота элемента, а также поймете, как менять расчет данных величин.

lesson

Все уроки курса:

Метки:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree