Câu 26: Bạn muốn màu nền của các ô dữ liệu (`
`) trong một bảng chỉ hiển thị khi di chuột qua ô đó. Đoạn mã CSS nào sau đây là phù hợp nhất?
- A. td { background-color: yellow; }
- B. td:hover { background-color: yellow; }
- C. table td { background-color: yellow; }
- D. td:active { background-color: yellow; }
Câu 27: Khi sử dụng hệ màu HSLA `hsla(240, 100%, 50%, 0.7)`, giá trị 0.7 biểu thị điều gì?
- A. Màu xanh dương thuần khiết
- B. Độ bão hòa 70%
- C. Độ trong suốt 70%
- D. Độ sáng 70%
Câu 28: Bạn có một danh sách các mục (`
`) và muốn chỉ mục đầu tiên có màu chữ khác với các mục còn lại. Bộ chọn CSS nào sau đây có thể giúp bạn thực hiện điều này?
- A. li:first-child
- B. li:last-child
- C. li:nth-child(odd)
- D. li + li
Câu 29: Mã màu HEX `#1A2B3C` được biểu diễn trong hệ màu RGB với các giá trị (R, G, B) tương ứng là gì?
- A. rgb(1, 2, 3)
- B. rgb(10, 11, 12)
- C. rgb(16, 27, 38)
- D. rgb(26, 43, 60)
Câu 30: Thuộc tính CSS nào sau đây KHÔNG được sử dụng để thiết lập màu sắc cho một phần tử hoặc nội dung của nó?
- A. color
- B. font-size
- C. background-color
- D. border-color
1 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 1: Trong thiết kế web, khi muốn đặt màu chữ cho một đoạn văn bản, thuộc tính CSS nào sau đây là phù hợp nhất?
Thuộc tính `color` trong CSS được sử dụng chuyên biệt để thiết lập màu sắc cho nội dung văn bản của một phần tử.
2 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 2: Bạn muốn đặt màu nền cho toàn bộ trang web là màu xanh nhạt. Đoạn mã CSS nào sau đây thực hiện điều này một cách hiệu quả nhất?
Để đặt màu nền cho toàn bộ trang web, ta áp dụng thuộc tính `background-color` cho phần tử `body` hoặc `html`. Sử dụng tên màu chuẩn 'lightblue' là một cách đơn giản và hiệu quả.
3 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 3: Hệ màu nào trong CSS sử dụng ba giá trị số nguyên, mỗi giá trị nằm trong khoảng từ 0 đến 255, để biểu diễn màu sắc?
Hệ màu RGB (Red, Green, Blue) sử dụng cấu trúc `rgb(R, G, B)` trong đó R, G, B là các giá trị số nguyên từ 0 đến 255 biểu thị cường độ của ba màu cơ bản.
4 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 4: Mã màu thập lục phân (HEX) `#00FF00` biểu thị màu gì trong hệ màu RGB?
Mã HEX `#RRGGBB` tương ứng với `rgb(RR_decimal, GG_decimal, BB_decimal)`. `#00FF00` có RR=00 (0), GG=FF (255), BB=00 (0), tương ứng với `rgb(0, 255, 0)`, là màu xanh lá cây.
5 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 5: Trong hệ màu HSL, giá trị 'L' (Lightness) biểu thị điều gì?
Hệ màu HSL có Hue (Sắc độ), Saturation (Độ bão hòa), và Lightness (Độ sáng). Lightness biểu thị độ sáng của màu, từ 0% (đen) đến 100% (trắng).
6 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 6: Thuộc tính nào trong cặp `color` và `background-color` có tính kế thừa (inheritance) mặc định từ phần tử cha xuống phần tử con trong CSS?
Trong CSS, thuộc tính `color` (màu chữ) thường có tính kế thừa, nghĩa là nếu không được thiết lập cụ thể, phần tử con sẽ thừa hưởng màu chữ của phần tử cha. Ngược lại, `background-color` (màu nền) không có tính kế thừa mặc định.
7 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 7: Bạn có đoạn mã HTML sau: `
`. Màu chữ của đoạn văn bản trong thẻ `
` sẽ là màu gì nếu không có quy tắc CSS nào khác áp dụng cho nó?
Do thuộc tính `color` có tính kế thừa, phần tử con `
` sẽ thừa hưởng màu chữ 'blue' từ phần tử cha `
` nếu không có quy tắc CSS nào ghi đè lên nó.
8 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 8: Giải thích ý nghĩa của giá trị 'A' trong hệ màu RGBA `rgba(255, 0, 0, 0.5)`.
Trong hệ màu RGBA (Red, Green, Blue, Alpha) và HSLA (Hue, Saturation, Lightness, Alpha), giá trị 'A' biểu thị kênh Alpha, quy định độ trong suốt (opacity) của màu. Giá trị 0 là hoàn toàn trong suốt, 1 là hoàn toàn mờ đục, và các giá trị thập phân ở giữa biểu thị độ trong suốt tương ứng.
9 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 9: Bạn muốn đặt màu nền cho một phần tử có ID là `header` thành màu xám. Đoạn mã CSS nào sau đây là đúng?
Bộ chọn ID trong CSS bắt đầu bằng dấu `#` theo sau là tên ID của phần tử. Thuộc tính `background-color` được sử dụng để đặt màu nền.
10 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 10: Mã màu HEX `#FFF` là dạng viết tắt của mã màu nào?
Trong mã HEX, nếu mỗi cặp ký tự (RR, GG, BB) đều giống nhau, ta có thể viết tắt bằng cách chỉ sử dụng một ký tự cho mỗi kênh. `#FFF` là viết tắt của `#FFFFFF`, biểu thị màu trắng.
11 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 11: Bạn được yêu cầu tạo một kiểu CSS để tất cả các tiêu đề cấp 2 (`
`) trong trang web có màu chữ là một sắc thái của màu đỏ và màu nền là màu vàng nhạt để làm nổi bật. Đoạn mã CSS nào sau đây đáp ứng yêu cầu này?
Để chọn tất cả các phần tử `
`, ta sử dụng bộ chọn `h2`. Để đặt màu chữ, ta dùng `color`. Để đặt màu nền, ta dùng `background-color`. `firebrick` là một sắc thái của màu đỏ, và `lemonchiffon` là màu vàng nhạt.
12 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 12: Cho đoạn mã CSS: `p { color: rgb(50, 150, 200); }`. Màu chữ của các đoạn văn bản sẽ là gì?
Giá trị `rgb(50, 150, 200)` trong hệ màu RGB biểu thị một màu pha trộn giữa đỏ (50), xanh lá (150), và xanh dương (200). Đây là một sắc thái của màu xanh lam hoặc xanh ngọc, không phải màu cơ bản.
13 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 13: Bạn có một hộp (`
`) chứa một hình ảnh. Bạn muốn màu nền của hộp là màu đỏ nhưng màu nền này chỉ hiển thị ở những khu vực không bị hình ảnh che phủ. Thuộc tính CSS nào được sử dụng để đặt màu nền cho hộp này?
Thuộc tính `background-color` được sử dụng để thiết lập màu nền cho một phần tử. Màu nền này sẽ phủ lên toàn bộ khu vực nội dung, padding và border của phần tử (trừ khi có hình nền che phủ hoặc độ trong suốt).
14 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 14: Khi sử dụng tên màu chuẩn trong CSS, ví dụ: `color: tomato;`, bạn đang sử dụng phương pháp biểu diễn màu nào?
CSS hỗ trợ một tập hợp các tên màu được định nghĩa sẵn (named colors) như 'red', 'blue', 'green', 'tomato', 'lightblue', v.v. Sử dụng tên màu là một cách đơn giản để chỉ định màu sắc.
15 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Để định dạng các liên kết khi người dùng di chuột qua, ta sử dụng pseudo-class `:hover` kết hợp với bộ chọn phần tử `a`. Thuộc tính `color` được sử dụng để thay đổi màu chữ.
16 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 16: Cho đoạn mã CSS sau: `.highlight { background-color: yellow; color: red; }`. Nếu một phần tử `
` có class là `highlight`, màu nền và màu chữ của nó sẽ là gì?
Quy tắc CSS với bộ chọn class `.highlight` sẽ áp dụng các thuộc tính `background-color` và `color` cho bất kỳ phần tử nào có class này. Do đó, màu nền sẽ là vàng và màu chữ sẽ là đỏ.
17 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 17: Hệ màu HSL `hsl(120, 100%, 50%)` biểu thị màu nào và có ý nghĩa gì?
Trong HSL, Hue (120 độ) tương ứng với màu xanh lá cây trên vòng tròn màu. Saturation (100%) là màu bão hòa nhất. Lightness (50%) là độ sáng trung bình. Kết hợp lại, đây là màu xanh lá cây thuần khiết (đậm nhất, không bị pha trắng hay đen).
18 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 18: Bạn muốn tạo một hiệu ứng màu nền mờ (semi-transparent) cho một phần tử. Hệ màu nào trong CSS cho phép bạn chỉ định độ trong suốt trực tiếp cùng với màu sắc?
Hệ màu RGBA và HSLA bao gồm một kênh Alpha (A) để kiểm soát độ trong suốt (opacity). Giá trị Alpha từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ đục).
19 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 19: Giả sử bạn có quy tắc CSS sau: `div p { color: orange; }`. Điều này sẽ ảnh hưởng đến màu chữ của những phần tử nào trong cấu trúc HTML sau: `
`?
Bộ chọn `div p` là bộ chọn con cháu (descendant selector). Nó áp dụng quy tắc cho tất cả các phần tử `
` nằm *bên trong* (là con cháu của) phần tử `
`, bất kể cấp độ lồng ghép. Do đó, cả Đoạn 1 (con trực tiếp) và Đoạn 2 (con của ` `, cháu của `
`) đều bị ảnh hưởng.
20 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 20: Bạn muốn màu nền của các mục danh sách (`
`) trong một danh sách không có thứ tự (`
`) là màu xanh lá cây nhạt. Đoạn mã CSS nào sau đây là đúng?
Để chọn các phần tử `
` bên trong `
`, ta sử dụng bộ chọn con cháu `ul li`. Thuộc tính `background-color` được dùng để đặt màu nền.
21 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 21: Mã màu HEX nào tương đương với màu đen (`rgb(0, 0, 0)`)?
Màu đen trong hệ RGB là khi cả ba kênh R, G, B đều có giá trị thấp nhất (0). Trong hệ HEX, giá trị 0 tương ứng với `00`, nên màu đen là `#000000`. Dạng viết tắt là `#000`.
22 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 22: Bạn muốn màu chữ của một nút bấm có class là `button` là màu trắng và màu nền là màu xanh dương đậm. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu?
Bộ chọn class là `.button`. `color: white;` đặt màu chữ là trắng. `background-color: darkblue;` đặt màu nền là xanh dương đậm. Các thuộc tính này được áp dụng cho phần tử có class `button`.
23 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 23: Khi sử dụng hệ màu HSL, giá trị Hue (Sắc độ) được đo bằng đơn vị gì?
Giá trị Hue trong hệ màu HSL được đo bằng độ trên một vòng tròn màu, với giá trị từ 0 đến 360. Các giá trị phổ biến: 0 (đỏ), 120 (xanh lá), 240 (xanh dương).
24 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 24: Bạn có một phần tử cha (`
`) và một phần tử con (`
`) bên trong nó. Bạn đặt `background-color: lightgray;` cho phần tử cha. Màu nền của phần tử con `
` sẽ là gì nếu không có quy tắc CSS nào khác áp dụng cho nó?
Thuộc tính `background-color` không có tính kế thừa mặc định. Do đó, phần tử con `
` sẽ không tự động nhận màu nền của phần tử cha `
`. Màu nền của `
` sẽ là màu mặc định (thường là trong suốt).
25 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 25: Để đặt màu chữ là màu đỏ và màu nền là màu xanh lam cho một phần tử cụ thể bằng cách sử dụng thuộc tính `style` trực tiếp trong thẻ HTML (inline style), cú pháp nào sau đây là đúng?
Sử dụng inline style, ta thêm thuộc tính `style` vào thẻ HTML. Các quy tắc CSS được viết bên trong dấu ngoặc kép, ngăn cách bởi dấu chấm phẩy. `color: red;` đặt màu chữ, `background-color: blue;` đặt màu nền.
26 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 26: Bạn muốn màu nền của các ô dữ liệu (`
`) trong một bảng chỉ hiển thị khi di chuột qua ô đó. Đoạn mã CSS nào sau đây là phù hợp nhất?
Để áp dụng hiệu ứng khi di chuột, ta dùng pseudo-class `:hover`. Kết hợp với bộ chọn `td`, quy tắc `td:hover` sẽ áp dụng các kiểu bên trong chỉ khi con trỏ chuột ở trên phần tử `
`. `background-color` được dùng để đặt màu nền.
27 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 27: Khi sử dụng hệ màu HSLA `hsla(240, 100%, 50%, 0.7)`, giá trị 0.7 biểu thị điều gì?
Trong HSLA, giá trị thứ tư (0.7) là kênh Alpha, biểu thị độ trong suốt. Giá trị 0.7 nghĩa là màu đó sẽ có độ trong suốt 70% (hoặc độ mờ đục 70%).
28 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 28: Bạn có một danh sách các mục (`
`) và muốn chỉ mục đầu tiên có màu chữ khác với các mục còn lại. Bộ chọn CSS nào sau đây có thể giúp bạn thực hiện điều này?
Pseudo-class `:first-child` chọn phần tử là con đầu tiên của phần tử cha của nó. Kết hợp với bộ chọn `li`, `li:first-child` chọn mục danh sách đầu tiên trong danh sách.
29 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 29: Mã màu HEX `#1A2B3C` được biểu diễn trong hệ màu RGB với các giá trị (R, G, B) tương ứng là gì?
Để chuyển từ HEX sang RGB, ta chuyển đổi từng cặp ký tự HEX sang giá trị thập phân tương ứng. `1A` (hệ 16) = 1*16 + 10 = 26 (hệ 10). `2B` (hệ 16) = 2*16 + 11 = 43 (hệ 10). `3C` (hệ 16) = 3*16 + 12 = 60 (hệ 10). Vậy mã màu là `rgb(26, 43, 60)`.
30 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 15: Tạo màu cho chữ và nền
Tags:
Bộ đề 02
Câu 30: Thuộc tính CSS nào sau đây KHÔNG được sử dụng để thiết lập màu sắc cho một phần tử hoặc nội dung của nó?
`color` dùng cho màu chữ, `background-color` dùng cho màu nền, `border-color` dùng cho màu viền. `font-size` được dùng để thiết lập kích thước chữ, không liên quan đến màu sắc.
| | | 