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 sử dụng ba giá trị nào để tạo màu?

Trả lời:

Hệ màu RGB sử dụng ba giá trị: đỏ (R), xanh lá (G), và xanh dương (B).

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

Trả lời:

Hệ màu HSL bao gồm ba thành phần: Hue (H), Saturation (S), và Lightness (L).

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

Trả lời:

CSS3 hỗ trợ 140 tên màu chuẩn.

Câu 4: Thuộc tính nào trong CSS dùng để định dạng màu nền của phần tử?

Trả lời:

Thuộc tính background-color được dùng để định dạng màu nền của phần tử.

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

Câu 1: Mỗi giá trị trong hệ màu RGB có thể nhận giá trị nào và tổng số màu có thể được tạo ra là bao nhiêu?

Trả lời:

Mỗi giá trị trong hệ màu RGB có thể nhận giá trị từ 0 đến 255, và tổng số màu có thể tạo ra là 16.777.216 màu.

Câu 2: Sự khác biệt giữa cách sử dụng giá trị RGB và HSL trong CSS là gì?

Trả lời:

RGB định nghĩa màu sắc bằng cách sử dụng ba giá trị cho các thành phần đỏ, xanh lá và xanh dương, trong khi HSL định nghĩa màu bằng cách sử dụng độ của vòng tròn màu, độ bão hòa và độ sáng.

Câu 3: Thuộc tính color trong CSS có tác dụng gì và có tính kế thừa không?

Trả lời:

Thuộc tính color dùng để định dạng màu chữ và có tính kế thừa, tức là các phần tử con sẽ kế thừa màu chữ từ phần tử cha, trừ khi có định dạng cụ thể khác.

Câu 4: Mô tả cách sử dụng ký tự * trong CSS.

Trả lời:

Ký tự * trong CSS là bộ chọn đại diện cho tất cả các phần tử trong trang web và có mức ưu tiên thấp nhất khi áp dụng mẫu định dạng.

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

Câu 1: Viết ví dụ CSS sử dụng hệ màu RGB để tạo màu chữ đỏ và nền xanh dương cho một phần tử.

Trả lời:

p {

color: green;

text-indent: 20px;

}

Câu 2: Viết ví dụ CSS sử dụng hệ màu HSL để tạo màu chữ xanh lá cây và nền màu vàng.

Trả lời:

p {

color: hsl(120, 100%, 50%);

background-color: hsl(60, 100%, 50%);

}

Câu 3: Áp dụng CSS để căn giữa tiêu đề, thay đổi màu sắc và cỡ chữ cho một phần tử h1.

Trả lời:

h1 {

text-align: center;

color: red;

font-size: 24px;

}

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

Câu 1: Viết CSS để tạo một trang web với các yêu cầu sau: Tiêu đề màu đỏ, các dòng văn bản thụt lề, căn trái và có chiều cao dòng là 1,5.

Trả lời:

h1 {

color: red;

}

p {

text-align: left;

text-indent: 2em;

line-height: 1.5;

}