Ich lese ein ASP.NET-Buch und es bezieht sich auf CSS-Dateien und spricht über Pixel. Aber ich habe es nie aus Sicht der Auflösung, des Layouts usw. verstanden. Was bedeutet beispielsweise Folgendes in der CSS-Dateidefinition?
%Vor%Dies ist ein wenig weiter, als Sie momentan vielleicht haben, aber ein CSS-Pixel ist nicht unbedingt genau so groß wie ein einzelnes Pixel auf Ihrem Bildschirm. Laut die Spezifikation :
Wenn sich die Pixeldichte des Ausgabegeräts stark von der einer typischen Computeranzeige unterscheidet, sollte der Benutzeragent die Pixelwerte neu skalieren. Es wird empfohlen, dass das Referenzpixel der Sichtwinkel eines Pixels auf einem Gerät mit einer Pixeldichte von 96 dpi und einer Entfernung vom Leser einer Armlänge ist.
Wenn Sie also eines dieser unglaublich teuren extra hochauflösenden Displays haben, die nicht als "typisch" gelten, können der Browser und / oder das Betriebssystem neu definieren, was ein "Pixel" ist.
Die brauchbare Definition für ein "px", soweit es das CSS-Authoring betrifft, ist: a 'px' ist die Menge der Länge gleich dem Pixel in einem unskalierten HTML & lt; img & gt; oder CSS 'background-image'.
Ein Pixel wird allgemein als die kleinste einzelne Komponente eines digitalen Bildes angesehen.
Die Anzahl der Pixel in einem Bild wird Auflösung genannt.
Die Bildschirmauflösung ist die Anzahl der einzelnen Pixel in jeder Dimension, die von Ihrem Bildschirm angezeigt werden können.
Im css-Ausschnitt, den Sie gepostet haben, wenden Sie 0 Pixel Rand und Padding auf das Element mit id="header" an.
" Ein Pixel ist kein kleines Quadrat " ist eine gute Diskussion darüber, was ein Pixel ist.
Es ist möglicherweise nicht relevant für Ihre spezifische Frage, aber wenn jemand anderes diesen Thread für ein Problem mit der Computergrafik findet, ist das eine gute Lektüre.
Es bedeutet eine Dimension, gemessen in Pixeln auf dem Bildschirm. ZB
%Vor%bedeutet, dass ein Element 200 Pixel breit ist.
Ein Pixel ist ein "PICture ELement", was einen farbigen Punkt auf dem Bildschirm bedeutet, wahrscheinlich ähnlich wie der Punkt am Ende dieses Satzes.
Ein Pixel ist ein einzelner Punkt auf dem Bildschirm. In Ihrem Beispiel wird das Element header ohne Padding oder Rand festgelegt. Um dies zu verstehen, müssen Sie auch das CSS-Box-Modell für das Seitenlayout verstehen.
Ein Pixel ist zumindest in Bezug auf CSS eine Maßeinheit. Es gibt auch Pt, Em, Prozent ... es gibt ein paar andere. Jeder hat seine Stärken.
W3schools ist randvoll mit Referenzen, überprüfen Sie die auf CSS .
Ich empfehle Firebug herunterzuladen und experimentiere mit der Änderung der Pixelbreite / -höhe.
Wie von anderen gesagt, ist ein Pixel einfach eine messbare Einheit, die sich direkt auf die elektronische Anzeige von Daten bezieht - ein einzelnes Pixel ist das kleinste, das ein Objekt auf dem Bildschirm sein kann. Je größer die Bildschirmauflösung, desto mehr Pixel können dargestellt werden.
Eine Anmerkung zu dem gegebenen Beispiel - ein Wert von 0px ist eigentlich unnötig als Nullwert und wird in CSS besser als nur eine 0 dargestellt (es könnte gleichermaßen 0% oder 0em sein, sie alle meinen das Gleiche).
