Пиксели в моем CSS

В настоящее время мой веб-сайт в пикселях, и у меня есть много измерений в моем CSS с расширением px. В качестве примера - padding: 50px 25px 25px 40px;

Есть ли способ, в теге body или где-либо еще, упомянуть, что весь сайт будет в пикселях, поэтому отказался от расширения px, которое так часто встречается в CSS? Итак, мой пример теперь будет - padding: 50 25 25 40;

Таким образом я сохраняю все эти символы "px", и мой сайт загружается правильно, зная, что это пиксельные единицы ...

Заранее благодарим за любые ответы ...

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
24
1

Ответы 1

К сожалению, эта единица не является обязательной, если ваше значение не равно 0.

Итак, это валидный CSS:

.test {
  padding : 0;
}

Это также действительный CSS:

.test {
  padding : 5px 0 0 2px;
}

Но это неверный CSS:

.test {
  padding : 5;
}

CSS не позволяет установить единицу измерения по умолчанию и сделать padding : 5; допустимым выражением.

Спасибо за ответ ... жаль, что решения нет, но это надо как-то придумать. CSS должен помочь сохранить все эти стилизованные символы на обычной HTML-странице. Так что есть смысл как-то сохранить символы внутри самой страницы CSS.

nairb00 02.05.2018 21:16

@ nairb00: На самом деле это не так важно, как вы думаете. Если вы возьмете Bootstrap и уменьшите его, вы можете уменьшить размер со 173,44 кб до 137,23 кб. Заархивируйте его, и останется только 21,20 кб. - Теперь удалите все символы «px» из файла Bootstrap. 173,44 кб до минификации становится 172,91 кб, а 137,23 кб после минификации становится 136,73 кб. Это разница всего 0,5 кб. И если мы также будем использовать Gzip, мы получим файл размером 21,16 КБ. Это всего на 0,04 КБ меньше по сравнению с тем, если бы вы не удалили «px», а это совершенно незначительная разница!

John Slegers 02.05.2018 21:44

Другие вопросы по теме