Câu hỏi tự luận Khoa học máy tính 12 kết nối Bài 15: Tạo màu cho chữ và nền

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

1. NHẬN BIẾT (4 CÂU)

Câu 1: Hệ màu RGB trong CSS được biểu diễn như thế nào?

Trả lời: 

Hệ màu RGB được biểu diễn bằng ba giá trị (r, g, b), mỗi giá trị nằm trong khoảng từ 0 đến 255. Có thể sử dụng các cách sau:

rgb(x-red, x-green, x-blue) với các giá trị từ 0 đến 255.

rgb(x-red%, x-green%, x-blue%) với giá trị phần trăm.

#rrggbb với giá trị hệ hexa.

Câu 2: Hệ màu HSL bao gồm những thành phần nào?

Trả lời: 

Hệ màu HSL bao gồm:

H (Hue): Giá trị từ 0 đến 360 độ, biểu thị màu sắc.

S (Saturation): Độ bão hòa màu, từ 0% (xám) đến 100% (đầy đủ).

L (Lightness): Độ sáng, từ 0% (đen) đến 100% (trắng).

Câu 3: Nêu ba thuộc tính CSS dùng để định dạng màu.

Trả lời:

Câu 4: CSS hỗ trợ bao nhiêu tên màu chuẩn trong phiên bản CSS2 và CSS3?

Trả lời:

2. THÔNG HIỂU (4 CÂU)

Câu 1: Giải thích cách thiết lập màu xám trong CSS.

Trả lời: 

Màu xám có thể được thiết lập bằng hai cách:

rgb(x, x, x) với các giá trị r, g, b bằng nhau.

hsl(h, 0%, x%) khi độ bão hòa (saturation) bằng 0%.

Câu 2: Phân biệt hệ màu RGB và HSL trong CSS.

Trả lời:

RGB: Dựa trên ba thành phần Red, Green, Blue, mỗi giá trị từ 0 đến 255.

HSL: Dựa trên Hue (màu), Saturation (độ bão hòa), Lightness (độ sáng). Hue có giá trị từ 0-360, Saturation và Lightness từ 0%-100%.

Câu 3:Thuộc tính color và background-color trong CSS có tính kế thừa không?

Trả lời:

Câu 4: Giải thích ý nghĩa của tổ hợp bộ chọn CSS dạng E > F.

Trả lời:

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết mã CSS để thiết lập màu chữ màu đỏ và màu nền màu xanh lá cây cho tất cả đoạn văn (<p>).

Trả lời:

p {

   color: red;

   background-color: green;

}

Câu 2: Giả sử trang HTML có đoạn mã sau:

<div>

   <p>Đoạn văn 1</p>

</div>

<p>Đoạn văn 2</p>

Với CSS:

div p {

   color: blue;

}

Đoạn văn nào sẽ được áp dụng màu xanh?

Trả lời:

Câu 3: Viết mã CSS để định dạng cho các phần tử trong danh sách không có thứ tự <ul> với chiều cao dòng gấp 1.5 lần.

Trả lời:

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Viết mã CSS để:

Tiêu đề <h1> màu đỏ.

Đoạn văn <p> đầu tiên màu xanh dương.

Phần tử <strong> bên trong đoạn văn có chữ màu cam.

Trả lời:

h1 {

   color: red;

}

p:first-of-type {

   color: blue;

}

p strong {

   color: orange;

----------------------------------

----------------------- Còn tiếp -------------------------