Trắc nghiệm Khoa học máy tính 12 Kết nối bài 15: Tạo màu cho chữ và nền

Trắc nghiệm Khoa học máy tính 12 Kết nối bài 15: Tạo màu cho chữ và nền giúp bạn đánh giá chính xác mức độ hiểu bài thông qua các câu hỏi được chọn lọc kỹ lưỡng.

Trắc nghiệm Khoa học máy tính 12 Kết nối bài 15: Tạo màu cho chữ và nền

⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành 0/0 câu

🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT

Đang tải bảng xếp hạng...

Câu 1: Để tạo màu nền đen và chữ trắng cho toàn bộ trang web, cách tiếp cận nào sau đây là hiệu quả nhất?

  • - body { background-color: black; color: white; }
  • - html { background: black; text: white; }
  • - p { background-color: black; color: white; }
  • - * { background: black; color: white; }

Câu 2: Cú pháp nào sau đây sai khi khai báo màu trong CSS?

  • - color: red;
  • - color: #ff0000;
  • - color: rgb(255,0,0);
  • - color = red;

Câu 3: Màu trắng trong mã HEX được biểu diễn như thế nào?

  • - #000000
  • - #111111
  • - #ffffff
  • - #000fff

Câu 4: Trong CSS, thuộc tính nào không dùng để chỉnh sửa màu?

  • - color
  • - background-color
  • - font-size
  • - border-color

Câu 5: Xét CSS: `div { color: red; } p { color: blue; }` và HTML: `

Nội dung

`. Chữ 'Nội dung' sẽ có màu gì?

  • - Màu đỏ
  • - Màu xanh lam
  • - Màu đen (mặc định)
  • - Màu tím (kết hợp đỏ và xanh)

Câu 6: Cú pháp CSS nào sau đây dùng để đặt màu nền của một phần tử có 'id' là 'header' thành màu xanh lam?

  • - #header { background-color: blue; }
  • - .header { background-color: blue; }
  • - header { background-color: blue; }
  • - id:header { background-color: blue; }

Câu 7: Để làm cho màu nền của một 'thẻ div' có màu vàng và trong suốt 20%, giá trị nào sau đây là đúng?

  • - rgb(255, 255, 0, 0.8)
  • - rgba(255, 255, 0, 0.2)
  • - rgba(255, 255, 0, 20)
  • - yellow-80

Câu 8: Hệ màu HEX sử dụng hệ cơ số nào để biểu diễn các giá trị màu?

  • - Hệ cơ số 8 (Octal)
  • - Hệ cơ số 10 (Decimal)
  • - Hệ cơ số 2 (Binary)
  • - Hệ cơ số 16 (Hexadecimal)

Câu 9: Giá trị `color: currentColor;` có ý nghĩa gì?

  • - Sử dụng màu sắc hiện tại của chính thuộc tính `color` đó, thường dùng cho các thuộc tính khác như `border-color`
  • - Đặt màu về màu đen mặc định
  • - Làm cho chữ có màu ngẫu nhiên
  • - Làm cho màu chữ trong suốt

Câu 10: Giá trị màu 'transparent' khi được sử dụng cho 'background-color' có tác dụng gì?

  • - Làm cho nền có màu trắng
  • - Làm cho nền hoàn toàn trong suốt
  • - Làm cho nền có màu xám nhạt
  • - Gây ra lỗi cú pháp CSS

Câu 11: Mục đích chính của kênh Alpha trong hệ màu RGBA là gì?

  • - Tăng cường độ sáng của màu
  • - Điều chỉnh độ bão hòa của màu
  • - Kiểm soát độ trong suốt (opacity) của màu
  • - Chuyển đổi màu sang thang độ xám

Câu 12: Giá trị `rgb(100%, 0%, 0%)` trong CSS tương đương với giá trị nào?

  • - rgb(100, 0, 0)
  • - rgb(255, 0, 0)
  • - Gây ra lỗi cú pháp
  • - rgb(1, 0, 0)

Câu 13: Giá trị `color: inherit;` có ý nghĩa gì?

  • - Sử dụng màu mặc định của trình duyệt
  • - Bắt buộc phần tử phải nhận giá trị 'color' được tính toán từ phần tử cha của nó
  • - Làm cho màu chữ trở nên trong suốt
  • - Sử dụng màu cuối cùng đã được định nghĩa trong tệp CSS

Câu 14: Trong CSS, 'currentColor' là một giá trị đặc biệt. Nếu bạn đặt 'border: 2px solid currentColor;', màu của đường viền sẽ là màu gì?

  • - Màu đen
  • - Màu trắng
  • - Trong suốt
  • - Màu của thuộc tính 'color' trên cùng phần tử đó

Câu 15: Sự khác biệt chính giữa `rgb(255, 0, 0)` và `rgba(255, 0, 0, 1)` là gì?

  • - Không có sự khác biệt, chúng hiển thị hoàn toàn giống nhau
  • - rgba sáng hơn rgb
  • - rgb không hỗ trợ màu đỏ
  • - rgba có thể điều chỉnh độ trong suốt, còn rgb thì không

Câu 16: Để thiết lập màu nền cho một phần tử HTML, ta sử dụng thuộc tính nào?

  • - background-color
  • - bgcolor
  • - color-background
  • - set-background

Câu 17: Lệnh nào sau đây sẽ làm cho chữ có màu vàng?

  • - color: yellow;
  • - color: blue;
  • - background: yellow;
  • - text: yellow;

Câu 18: Để tạo màu xám bằng hệ màu RGB, đặc điểm chung của ba giá trị (R, G, B) là gì?

  • - Một trong ba giá trị phải bằng 0
  • - Cả ba giá trị phải bằng nhau
  • - Tổng của ba giá trị phải bằng 255
  • - Giá trị G phải lớn nhất

Câu 19: Giá trị 'transparent' cho thuộc tính 'background-color' có ý nghĩa gì?

  • - Làm cho nền có màu trắng
  • - Làm cho nền hoàn toàn trong suốt, cho phép nhìn thấy nền của phần tử cha
  • - Làm cho nền có màu xám nhạt
  • - Gây ra lỗi vì đây là giá trị không hợp lệ

Câu 20: Cách nào sau đây là KHÔNG hợp lệ để định nghĩa màu đen trong CSS?

  • - #000
  • - rgb(0, 0, 0)
  • - black
  • - hex(000000)

Câu 21: Mã màu 'rgb(0, 0, 0)' và 'rgba(0, 0, 0, 1)' khác nhau ở điểm nào?

  • - Chúng không có sự khác biệt nào về hiển thị
  • - 'rgba(0, 0, 0, 1)' có màu sáng hơn
  • - 'rgb(0, 0, 0)' hoàn toàn trong suốt
  • - Một cái là màu đen, một cái là màu trắng

Câu 22: Cách nào sau đây là một cách hợp lệ để áp dụng màu nền đỏ cho một thẻ `div` bằng cách sử dụng style nội tuyến (inline style)?

  • -
    Nội dung
  • -
    Nội dung
  • -
    Nội dung
  • -
    Nội dung

Câu 23: Trong hệ màu HSL `hsl(0, 100%, 50%)`, thành phần thứ hai (100%) đại diện cho thông số nào?

  • - Hue (Tông màu)
  • - Lightness (Độ sáng)
  • - Saturation (Độ bão hòa)
  • - Alpha (Độ trong suốt)

Câu 24: Cách viết rút gọn cho mã màu HEX '#FF00CC' là gì?

  • - #F0C
  • - #FCC
  • - Không thể rút gọn được
  • - #FOC

Câu 25: Để đặt màu nền cho thẻ 'body' của trang web thành màu đen, ta sử dụng quy tắc CSS nào?

  • - body { color: black; }
  • - body { background-color: #FFFFFF; }
  • - body { background-color: #000000; }
  • - body.background-color: black;

Nội dung liên quan:

  1. Trắc nghiệm Khoa học máy tính 12 Kết nối tri thức bài 21: Hội thảo hướng nghiệp
  2. Trắc nghiệm Khoa học máy tính 12 Kết nối bài 12: Tạo biểu mẫu
  3. Trắc nghiệm Khoa học máy tính 12 Kết nối bài 23: Đường truyền mạng và ứng dụng
  4. Trắc nghiệm Khoa học máy tính 12 Kết nối tri thức bài 9: Tạo danh sách, bảng
  5. Trắc nghiệm Khoa học máy tính 12 Kết nối bài 8: Định dạng văn bản