используйте «px» и «%» для одного элемента

Question

это право использовать «px» и «%» для одного элемента, как

.box{
padding:10px 2% 0 3%;
}

это право использовать в css.

Answer 1

Как указано в спецификации CSS 2.1 для заполнения (выделено мной)

Свойство padding является сокращенным свойством для установки «padding-top», «padding-right», «padding-bottom» и «padding-left» в одном месте таблицы стилей.

Если есть только одно значение, оно применяется ко всем сторонам. Если есть два значения, верхний и нижний отступы устанавливаются на первое значение, а правый и левый - вторые. Если имеется три значения, верхняя часть устанавливается на первое значение, левая и правая - на второе, а нижняя - на третье. Если есть четыре значения, они применяются сверху, справа, снизу и слева соответственно.

То есть padding: 10px 2% 0 3%; эквивалентно

padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;

Это совершенно правильный CSS.

Веселись!

Answer 2

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

Answer 3

Да. Это просто краткая форма для:

padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;

Код действителен - вы используете разные единицы для разных свойств. В этом нет ничего плохого.

Answer 4

можно использовать разные измерения (браузеры не будут жаловаться), но лучше использовать одно и то же измерение. (все проценты или все пиксели)

Answer 5

Да, вы можете смешивать проценты и значения пикселей довольно хорошо. Разве это не делает то, что вы ожидали?