Tạo màu cho chữ và nền
Tóm tắt
CSS biểu diễn màu bằng nhiều mô hình và dùng bộ chọn quan hệ để áp dụng màu cho đúng phần tử HTML.
Hiểu bài
Màu chữ, màu nền và bộ chọn quan hệ
CSS có thể biểu diễn màu bằng tên tiếng Anh, mô hình RGB, mã thập lục phân #rrggbb hoặc HSL. Trong RGB, ba thành phần đỏ, lục, lam nhận giá trị từ 0 đến 255. Trong HSL, Hue chạy từ 0° đến 360°, Saturation và Lightness từ 0% đến 100%; độ bão hoà 0% tạo màu xám, độ sáng 0% là đen và 100% là trắng. Thuộc tính color đặt màu chữ, background-color đặt màu nền và border có thể đặt viền. Bộ chọn quan hệ gồm E F cho hậu duệ, E > F cho con trực tiếp, E + F cho anh em liền kề và E ~ F cho các phần tử anh em đứng sau.
Mô hình màu HSL SGK trang 85