Что такое пиксель (px) в CSS?

Question

Я читаю книгу ASP.NET, и она относится к файлам CSS и говорит о пикселях. Но я никогда не понимал это с точки зрения разрешения, расположения и т. Д. Например, что означает следующее в определении файла CSS?

#header
{
    padding: 0px;
    margin: 0px;
}

Answer 1

Это немного больше, чем вы могли бы иметь в данный момент, но пиксель CSS не обязательно точно такого же размера, как один пиксель на вашем дисплее. Согласно спецификации :

Если плотность пикселей устройства вывода сильно отличается от плотности изображения на обычном дисплее компьютера, пользовательский агент должен масштабировать значения пикселей. Рекомендуется, чтобы опорный пиксель представлял собой угол обзора одного пикселя на устройстве с плотностью пикселей 96 точек на дюйм и расстоянием от считывающего устройства до длины руки.

Так что если у вас есть один из этих невероятно дорогих дисплеев сверхвысокого разрешения, которые не считаются «типичными», браузер и / или ОС могут переопределить, что такое «пиксель».

Полезное определение «px» в том, что касается разработки CSS: «px» - это количество длины, равное пикселю в немасштабированном HTML или CSS «background-image».

Answer 2

Пиксель обычно считается наименьшим отдельным компонентом цифрового изображения.

Количество пикселей в изображении называется разрешением.

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

В размещенном вами фрагменте css вы применяете поле на 0 пикселей и отступы к элементу с id = "header".

_{(source: functionx.com )}

Answer 3

" Пиксель - это не маленький квадрат " - хорошее обсуждение того, что такое пиксель.

Это может не относиться к вашему конкретному вопросу, но если кто-то еще найдет эту ветку для проблемы, связанной с компьютерной графикой, это отличное чтение.

Answer 4

Это означает измерение, измеренное в пикселях на экране. Э.Г.

width: 200px;

означает, что элемент имеет ширину 200 пикселей.

Пиксель - это «PICture ELement», означающий одну цветную точку на экране, вероятно, очень похожую на точку в конце этого предложения.

Answer 5

A pixel - это одна точка на экране. Ваш пример устанавливает элемент с именем header без отступов или полей. Чтобы понять это, вам также необходимо понять блочную модель CSS для макета страницы.

Answer 6

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

Примечание к приведенному примеру: значение 0px на самом деле не нужно в качестве нулевого значения и лучше представляется в CSS как просто 0 (это может быть равно 0% или 0em, все они означают одно и то же).

Answer 7

Пиксель - это единица измерения, по крайней мере, в отношении CSS. Есть также pt, em, процент ... есть еще несколько. У каждого есть свои сильные стороны.

W3schools заполнен ссылками, отметьте это на CSS .

Я рекомендую скачать Firebug и поэкспериментировать с изменением ширины / высоты пикселя.