Арифметика
Арифметика - это раздел математики, в котором рассматриваются свойства счетных (а также целых) чисел и дробей, а также основные операции, применяемые к этим числам.
- Александр Богомольный
Это кажется необычайно простым, но если вы делаете какой-либо адаптивный дизайн, и давайте будем честными, адаптивный дизайн в настоящее время является нормой, арифметика для вас абсолютно актуальна.
Вы можете спросить, какое отношение арифметика имеет к дизайну? Много. Но перед этим давайте поговорим о единицах и значениях CSS, потому что это то, что мы собираемся считать.
Числа довольно сильно представлены в CSS, в основном как значения свойств. И спецификацией, которая покрывает это, является Модуль Значений и Единиц CSS Уровня 3. Ключевой функцией арифметики CSS является функция calc (), которая поддерживает четыре основных операции сложения, вычитания, умножения и деления.
В те времена, когда веб-дизайн был в основном фиксированной ширины, дизайнеры и разработчики создавали бы идеальные по пикселям дизайны, которые работали бы только при просмотре при определенной ширине области просмотра. Но поскольку количество экранов разных размеров, которые пользователи будут использовать для просмотра веб-страниц, росло в геометрической прогрессии, проекты с фиксированной шириной уже не отвечали всем требованиям.
Было гораздо разумнее позволить браузеру определять размер элементов на странице в зависимости от размера области просмотра, используя проценты, относительные шрифты единицы, такие как ems или chs, и, в последнее время, единицы измерения области просмотра. Функция calc работает с комбинациями значений CSS разных единиц, обрабатывая сложные вычисления для нас, поэтому мы можем сосредоточиться на разработке и создании макетов и компонентов, которые мы хотим.
