pixel (px) trong CSS là gì?

Question

Tôi đang đọc một cuốn sách ASP.NET và nó đề cập đến các tệp CSS và nói về pixel. Nhưng tôi không bao giờ hiểu nó từ một độ phân giải, bố trí, vv quan điểm. Ví dụ, ý nghĩa sau đây trong định nghĩa tệp CSS là gì?

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

Answer 1

A pixel là một dấu chấm trên màn hình. Ví dụ của bạn đặt phần tử có tên là header không có đệm hoặc lề. Để hiểu điều này, bạn cũng sẽ cần phải hiểu CSS box model để bố cục trang.

Answer 2

Nó có nghĩa là thứ nguyên được đo bằng pixel trên màn hình. Ví dụ.

width: 200px; 

có nghĩa là phần tử rộng 200 pixel.

Pixel là "PICture ELement", có nghĩa là một chấm màu trên màn hình, có lẽ giống như dấu chấm ở cuối câu này.

Answer 3

Pixel thường được coi là thành phần đơn lẻ nhỏ nhất của hình ảnh kỹ thuật số.

Số pixel trong hình ảnh được gọi là độ phân giải.

Độ phân giải màn hình là số pixel riêng biệt trong mỗi thứ nguyên có thể được hiển thị trên màn hình của bạn.

Trong đoạn mã css mà bạn đã đăng, bạn đang áp dụng lề 0 pixel và phần đệm cho phần tử có id = "header".

http://www.functionx.com/win32/images/pixel1.gif

Answer 4

Pixel là đơn vị đo lường, ít nhất là liên quan đến CSS. Ngoài ra còn có pt, em, tỷ lệ phần trăm ... có một số khác. Mỗi người đều có điểm mạnh.

W3schools có đầy đủ các tham chiếu, hãy kiểm tra tài liệu trên CSS.

Tôi khuyên bạn nên tải xuống Firebug và thử nghiệm với thay đổi chiều rộng/chiều cao pixel.

Answer 5

Như được người khác nói, pixel đơn giản là đơn vị đo lường có liên quan trực tiếp đến hiển thị dữ liệu điện tử - một pixel đơn lẻ là đối tượng nhỏ nhất trên màn hình. Độ phân giải màn hình càng lớn thì càng có nhiều pixel. Một lưu ý trên ví dụ được đưa ra - giá trị 0px thực sự không cần thiết như giá trị bằng 0 và được thể hiện bằng CSS như chỉ 0 (có thể bằng 0% hoặc 0em, tất cả chúng đều giống nhau).

Answer 6

"A pixel is not a little square" là một cuộc thảo luận hay về pixel là gì.

Nó có thể không liên quan đến câu hỏi cụ thể của bạn, nhưng nếu có ai khác tìm thấy chủ đề này cho một vấn đề liên quan đến đồ họa máy tính thì đây là một bài đọc tuyệt vời.

Answer 7

Đây là một chút ngoài nơi bạn có thể hiện tại, nhưng pixel CSS là không nhất thiết phải là chính xác cùng kích thước với một pixel trên màn hình của bạn.Theo số the spec:

Nếu mật độ pixel của thiết bị đầu ra rất khác so với màn hình máy tính thông thường, tác nhân người dùng phải rescale giá trị pixel. Chúng tôi đề nghị pixel tham chiếu là góc trực quan của một pixel trên thiết bị có mật độ pixel 96dpi và khoảng cách từ đầu đọc chiều dài của cánh tay.

Vì vậy nếu bạn có một trong những màn hình có độ phân giải cực kỳ đắt tiền không tính là “điển hình”, trình duyệt và/hoặc hệ điều hành có thể chọn xác định lại “pixel”.

Định nghĩa hữu ích cho ‘px’ theo ý nghĩa của tác giả CSS là: ‘px’ là số lượng chiều dài bằng pixel trong một mã HTML chưa được đánh số < img> hoặc CSS ‘background-image’.