Các công cụ phát triển Chrome làm nổi bật màu sắc là gì?

Trong các phiên bản trước đây của Chrome, các công cụ dành cho nhà phát triển cho phép bạn kiểm tra các thành phần trang và sẽ làm nổi bật chúng bằng màu xanh lam. Các phiên bản gần đây của Chrome làm nổi bật các yếu tố màu xanh lam, nhưng cũng có các khu vực màu xanh lá cây và màu cam.

Màu sắc có ý nghĩa gì?

Màu sắc đại diện cho các khu vực của các yếu tố tương ứng với mô hình hộp CSS .

• Màu xanh là nội dung
• Màu xanh là phần đệm
• Cam là biên giới
• Màu đỏ là lề

(Sự lựa chọn các sắc thái tương tự của cam và đỏ có lẽ không phải là tốt nhất.)

Bạn có thể thấy điều này trong phần Số liệu của các công cụ dành cho nhà phát triển (được ẩn theo mặc định):

Các tham số mô hình hộp CSS (nội dung / phần đệm / viền / lề).

Tài liệu chính thức: Kiểm tra và chỉnh sửa trang và kiểu: Kiểm tra và chỉnh sửa các tham số mô hình hộp