BÀI 15. TẠO MÀU CHO CHỮ VÀ NỀN

Câu hỏi 1: Thuộc tính nào trong CSS dùng để thay đổi màu sắc của văn bản?

Trả lời: color.

Câu hỏi 2: Làm thế nào để thay đổi màu nền của một phần tử?

Trả lời: Sử dụng thuộc tính background-color.

Câu hỏi 3: Có những cách nào để biểu diễn màu sắc trong CSS?

Trả lời: Hexadecimal (#FFF), RGB (rgb(255, 255, 255)), RGBA (rgba(255, 255, 255, 0.5)), HSL (hsl(0, 100%, 100%)),...

Câu hỏi 4: Sự khác biệt giữa RGBA và HSLA là gì?

Trả lời: RGBA dựa trên các kênh màu đỏ, xanh lá, xanh dương, còn HSLA dựa trên sắc độ, độ bão hòa và độ sáng.

Câu hỏi 5: Làm thế nào để tạo một gradient màu cho nền?

Trả lời: Sử dụng thuộc tính background-image với giá trị linear-gradient hoặc radial-gradient.

Câu hỏi 6: Làm thế nào để tạo hiệu ứng đổ bóng cho văn bản?

Trả lời: Sử dụng thuộc tính text-shadow.

Câu hỏi 7: Làm thế nào để tạo một hiệu ứng overlay màu lên một hình ảnh?

Trả lời: Sử dụng thuộc tính opacity cho phần tử chứa hình ảnh và đặt một phần tử có màu nền đè lên.

Câu hỏi 8: Làm thế nào để tạo một theme màu cho toàn bộ trang web?

Trả lời: Sử dụng các biến CSS để lưu trữ các giá trị màu và tham chiếu đến chúng trong suốt stylesheet.

Câu hỏi 9: Làm thế nào để tạo một bộ màu sắc hài hòa cho trang web?

Trả lời: Sử dụng các công cụ chọn màu, các bảng màu sẵn có hoặc các nguyên tắc thiết kế màu sắc.

Câu hỏi 10: Tại sao nên sử dụng các biến CSS để quản lý màu sắc?

Trả lời: Dễ dàng thay đổi màu sắc toàn cục, tăng tính nhất quán và giảm thiểu lỗi.

Câu hỏi 11: Làm thế nào để đảm bảo màu sắc hiển thị chính xác trên các thiết bị khác nhau?

Trả lời: Kiểm tra trên nhiều thiết bị và trình duyệt, sử dụng các profile màu, và cân nhắc đến các chế độ màu khác nhau (sRGB, Adobe RGB).

Câu hỏi 12: Làm thế nào để tạo một biểu đồ màu để tham khảo khi thiết kế?

Trả lời: Sử dụng các công cụ thiết kế như Figma, Sketch hoặc các công cụ trực tuyến để tạo bảng màu.

Câu hỏi 13: Thuộc tính opacity có tác dụng gì?

Trả lời: Điều chỉnh độ trong suốt của một phần tử.

Câu hỏi 14: Khi nào nên sử dụng RGB?

Trả lời: Khi cần kiểm soát chính xác các thành phần màu đỏ, xanh lá, xanh dương, hoặc khi làm việc với các hình ảnh có định dạng RGB.

Câu hỏi 15: Khi nào nên sử dụng HSL?

Trả lời: Khi cần điều chỉnh độ sáng, độ bão hòa của màu, tạo các bảng màu, hoặc khi làm việc với các hiệu ứng chuyển màu.

Câu hỏi 16: Làm thế nào để tạo một hiệu ứng loading bằng màu sắc?

Trả lời: Sử dụng các keyframes animation để tạo hiệu ứng chuyển động cho các hình dạng hoặc thanh loading.

Câu hỏi 17: Hệ màu HSL khác với hệ màu RGB ở điểm nào?

Trả lời: RGB dựa trên các màu cơ bản đỏ, xanh lá, xanh dương, thì HSL mô tả màu sắc dựa trên sắc độ (hue), độ bão hòa (saturation) và độ sáng (lightness).

Câu hỏi 18: Saturation trong HSL có ý nghĩa gì?

Trả lời: Saturation xác định độ đậm nhạt của một màu. Giá trị càng cao, màu càng đậm, và ngược lại.

Câu hỏi 19: Cú pháp của một giá trị màu HSL trong CSS là gì?

Trả lời: hsl(hue, saturation, lightness). Ví dụ: hsl(120, 50%, 50%) sẽ tạo ra một màu xanh lá cây.

Câu hỏi 20: Làm thế nào để chuyển đổi một màu từ RGB sang HSL?

Trả lời: Có thể sử dụng các công cụ trực tuyến hoặc các thư viện JavaScript để thực hiện việc chuyển đổi này.