Was ist ein pixel (px) in CSS?

Bin ich beim Lesen eines ASP.NET Buch und er bezieht sich auf CSS-Dateien und spricht über Pixel. Aber ich habe nie verstanden, es aus einer Auflösung, layout, etc. Sicht. Was hat zum Beispiel Folgendes bedeuten in der CSS-Datei-definition?

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

0px sollte nur 0, es ist die gleiche Größe in jeder Einheit. 🙂

InformationsquelleAutor dotnet-practitioner | 2009-03-01

css graphics

28

Dies ist ein wenig außerhalb, wo Sie vielleicht im moment, aber ein CSS-pixel ist nicht unbedingt genau die gleiche Größe wie ein einzelnes pixel auf dem display. Nach die Skillung:

Wenn der Pixeldichte des Ausgabegeräts ist sehr Verschieden von der eines typischen computer-display, der user-agent sollte skalieren die pixel-Werte. Es wird empfohlen, das Referenz-pixel werden die Blickwinkel von einem pixel auf einem Gerät mit einer Pixeldichte von 96dpi und ein Abstand von dem Leser eine Armlänge.

Also, wenn Sie einer jener unglaublich teuren extra-high-resolution-displays, die zählt nicht als "typisches", die browser und/oder Betriebssystem können wählen, neu zu definieren, was ein "pixel" ist.

Die sinnvolle definition für eine 'px' so weit wie CSS-authoring betrifft, ist: eine 'px', ist die Menge an Länge gleich dem pixel in einem unskalierten HTML <img> oder CSS 'background-image'.
- Dank bobince. Diese Frage zwei Antworten: die grundlegende Erklärung (zur Verfügung gestellt von CMS und andere), dass die meisten Leser interessiert, und die technische Antwort erklärt, dass ein pixel ist eine relative (nicht absolute) Einheit, und dass CSS-Pixel sind nicht unbedingt die gleichen device-Pixel.
- Die pixel-Einheit, definiert durch dein Zitat bezieht sich auf die reference pixel, die möglicherweise gar nicht im Zusammenhang mit der "px" - Einheit in CSS mehr. CSS 2.1 neu definiert hat "1px" gleich "0.75 pt" zu allen Zeiten. Es legt auch fest, dass auf low-resolution-Geräten (wie bei den herkömmlichen Monitoren), alle absolute Einheiten sollten so eingestellt werden, dass "1px" sollte das nächste Vielfache im Geräte-Pixel in dem Referenz-pixel. So "1cm" ist nicht unbedingt eine Zentimeter mehr, aber Sie ist "37.8 px" da, das ist wie der px-Einheit berechnet wird. Link
- +1 für diesen Verweis auf das spec. Ich habe noch nie zuvor gesehen 🙂
InformationsquelleAutor bobince
23

Einem pixel ist in der Regel gedacht als die kleinste einzelne Komponente eines digitalen Bildes.

Die Anzahl der Pixel in einem Bild heißt Auflösung.

Die Bildschirmauflösung ist die Anzahl der unterschiedlichen Pixel in jeder dimension, die angezeigt werden können, die durch den Bildschirm.

In der css-snippet, das Sie geschrieben, die Sie anwenden, 0 Pixel, margin und padding, um das element mit id="header".

_{(Quelle: functionx.com)}

InformationsquelleAutor CMS
8

"Ein pixel ist nicht wenig Platz" ist eine gute Diskussion darüber, was ein pixel ist.

Es ist möglicherweise nicht relevant für Ihre spezifische Frage, aber wenn jemand findet diesen thread für einen computer-Grafik-problem, das ist toll, zu Lesen.
- Liebte Sie den link. Danke. 🙂
- Toll, dass jemand es genossen! Wenn das Thema der post wurde geändert, es wurde noch mehr off-topic als wenn ich es geschrieben habe 🙂
- Das link ist kaputt, aber es ist jetzt hier: alvyray.com/memos/6_pixel.pdf [Zusammenfassung: Ein pixel ist nicht wenig Platz, noch ein kleines Rechteck; es ist ein point Beispiel.]
- Danke für den Hinweis it out. Korrigiert den link in der post zu.
- Einige der Informationen ist sehr datiert. Viele Scanner, Kameras, displays, und einige Drucker verwenden in der Tat, kleine Quadrate. Alvy ' s point ist, dass Sie sollten denken, diese Dinge, die als Punkt-Muster, weil die Mathematik funktioniert auch besser so, und es funktioniert. Aber darauf zu bestehen, dass ein pixel ist ein Punkt Beispiel ist nicht im Einklang mit dem heutigen physikalischen Geräten. Punkt-Muster sind nützlich und wichtig, und tatsächlich, Sie sollte nicht verwechselt werden mit kleinen Quadraten. Aber pixel != Punkt Probe.
- Ich teilweise Zustimmen. Was gelesen wird, von einem sensor ist wahrscheinlich nicht der Punkt Probe (wahrscheinlich nicht wenig Platz entweder wenn). Ich glaube, das richtige zu tun für die Hersteller von Geräten zu konvertieren Sie Ihre raw-Daten des Sensors, um eine möglichst genaue Darstellung von point-samples beim speichern in einem Bildformat. Auf diese Weise können Sie dafür sorgen, dass Programme manipulieren das Bild, ohne zu wissen, etwas über das Gerät, mit dem es aufgenommen wurde, auf tun können, so gut wie möglich.
InformationsquelleAutor Laserallan
5

Es bedeutet, eine dimension, gemessen in Pixel auf dem Bildschirm. E. g.
```
width: 200px;
```
bedeutet, dass ein element eine Breite von 200 Pixel.

Ein pixel ist ein "PICture ELement", also ein farbiger Punkt auf dem Bildschirm, wahrscheinlich ähnlich wie der Punkt am Ende dieses Satzes.

InformationsquelleAutor Fritz H
2

Einen pixel ist ein einzelner Punkt auf dem Bildschirm. Ihr Beispiel wird das element mit dem Namen header mit kein padding oder margin. Um dies zu verstehen, müssen Sie verstehen, die CSS box-Modell für das Seitenlayout.

InformationsquelleAutor tvanfosson
0

Ein pixel ist eine Maßeinheit, zumindest in Bezug auf CSS. Es gibt auch pt, em, Prozentsatz... es gibt noch ein paar andere. Haben jeweils Ihre stärken.

W3schools ist voll von Referenzen, prüfen Sie die auf CSS.

Empfehle ich Firebug herunterladen und Experimentieren Sie mit dem ändern der pixel-Breite/- Höhe.

InformationsquelleAutor Chuck Conway
0

Wie gesagt, von anderen, ein pixel ist einfach nur eine messbare Einheit, die sich direkt auf die elektronische Anzeige der Daten eines einzelnen pixels ist die kleinste, die ein Objekt auf dem Bildschirm werden können. Je größer die Auflösung, je mehr Pixel es darstellen kann.

Einem Hinweis auf das Beispiel - einen Wert von 0px ist eigentlich überflüssig wie ein null-Wert, und ist besser dargestellt in CSS nur eine 0 (es könnte auch 0% oder 0em, Sie alle bedeuten das gleiche).

InformationsquelleAutor BrynJ

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.