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

Câu hỏi 1: Thuộc tính CSS nào dùng để đặt màu cho chữ?

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: Hex (#FF0000), RGB (rgb(255, 0, 0)), tên màu (red), HSL (hsl(0, 100%, 50%))

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: Sự khác biệt giữa color và background-color là gì?

Trả lời: color: Đặt màu cho chữ, background-color: Đặt màu cho nền của phần tử.

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 hộp bóng (box-shadow)?

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

Câu hỏi 8: 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 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 để tạo một hiệu ứng overlay (lớp phủ) màu đen mờ?

Trả lời: Sử dụng một phần tử tuyệt đối với background màu đen và opacity nhỏ.

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: Làm thế nào để tạo một nút có nền màu xanh và chữ màu trắng?

Trả lời: button { background-color: blue; color: white; }

Câu hỏi 14: Làm thế nào để tạo một thẻ div có nền trong suốt và chữ màu đen?

Trả lời: div { background-color: rgba(0, 0, 0, 0.5); color: black; } (rgba tạo màu trong suốt)

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 highlight khi hover vào một liên kết?

Trả lời: a:hover { background-color: yellow; }

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: Làm thế nào để tạo một hiệu ứng chữ nổi lên khỏi nền?

Trả lời: Sử dụng box-shadow với các giá trị phù hợp.

Câu hỏi 19: Hex, RGB, HSL là gì?

Trả lời: Các cách biểu diễn màu sắc khác nhau.

Câu hỏi 20: Box-shadow và text-shadow khác nhau như thế nào?

Trả lời: box-shadow tạo bóng cho toàn bộ phần tử, text-shadow chỉ tạo bóng cho chữ.