15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 01

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 01 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

Câu 1: Trong CSS,

  • A. Chỉ định các phần tử HTML cần áp dụng quy tắc định kiểu.
  • B. Khai báo các thuộc tính và giá trị định kiểu.
  • C. Liên kết tệp CSS với tệp HTML.
  • D. Kiểm tra lỗi cú pháp trong mã CSS.

Câu 2: Để áp dụng một kiểu định dạng cho TẤT CẢ các phần tử HTML có cùng tên thẻ (ví dụ: tất cả các đoạn văn <p>), bạn sử dụng loại vùng chọn nào?

  • A. Vùng chọn ID.
  • B. Vùng chọn lớp.
  • C. Vùng chọn tên thẻ.
  • D. Vùng chọn nhóm.

Câu 3: Vùng chọn tên lớp (Class selector) trong CSS được bắt đầu bằng ký hiệu nào?

  • A. #
  • B. .
  • C. *
  • D. &

Câu 4: Vùng chọn ID (ID selector) trong CSS được bắt đầu bằng ký hiệu nào?

  • A. #
  • B. .
  • C. :
  • D. /

Câu 5: Xem xét đoạn mã HTML sau: <p class=

  • A. p, div
  • B. #highlight
  • C. .highlight
  • D. p.highlight

Câu 6: Thuộc tính `id` trong HTML nên được sử dụng như thế nào trong một trang web?

  • A. Có thể lặp lại cho nhiều phần tử cùng loại.
  • B. Chỉ được sử dụng cho các phần tử khối (block-level).
  • C. Bắt buộc phải giống với tên thẻ HTML.
  • D. Giá trị phải là duy nhất cho mỗi phần tử trong cùng một trang.

Câu 7: Bạn muốn định kiểu riêng cho một tiêu đề duy nhất trên trang có nội dung

  • A. class
  • B. id
  • C. name
  • D. style

Câu 8: Cho đoạn mã CSS sau: p { color: blue; } .text-red { color: red; } #main-paragraph { color: green; }. Nếu một đoạn văn <p> có cả thuộc tính `class=

  • A. Màu xanh dương (blue) từ p.
  • B. Màu đỏ (red) từ .text-red.
  • C. Màu mặc định của trình duyệt.
  • D. Màu xanh lá cây (green) từ #main-paragraph.

Câu 9: Để áp dụng cùng một bộ quy tắc định kiểu cho nhiều loại phần tử HTML khác nhau (ví dụ: cả <h1> và <h2> cùng có màu tím), bạn sử dụng kỹ thuật vùng chọn nào?

  • A. Vùng chọn nhóm (Grouping selector).
  • B. Vùng chọn ID.
  • C. Vùng chọn lớp.
  • D. Vùng chọn tên thẻ.

Câu 10: Cú pháp đúng để nhóm các vùng chọn <h1>, .title, và #header trong một quy tắc CSS duy nhất là gì?

  • A. h1 .title #header { ... }
  • B. h1, .title, #header { ... }
  • C. h1 + .title + #header { ... }
  • D. h1 > .title > #header { ... }

Câu 11: Bạn muốn tất cả các liên kết (<a>) trong trang web của mình không có gạch chân. Vùng chọn nào sau đây phù hợp nhất?

  • A. .link { text-decoration: none; }
  • B. #all-links { text-decoration: none; }
  • C. * { text-decoration: none; }
  • D. a { text-decoration: none; }

Câu 12: Xem xét đoạn mã HTML: <div><p class=

  • A. .paragraph-style
  • B. div p
  • C. #paragraph-style
  • D. p div

Câu 13: Khi nào bạn nên sử dụng vùng chọn lớp thay vì vùng chọn ID?

  • A. Khi bạn muốn định kiểu cho một phần tử duy nhất trên trang.
  • B. Khi bạn muốn định kiểu cho tất cả các phần tử cùng loại.
  • C. Khi bạn muốn áp dụng cùng một kiểu cho nhiều phần tử khác nhau.
  • D. Khi bạn muốn chọn một phần tử dựa trên vị trí của nó.

Câu 14: Vùng chọn nào có độ ưu tiên (specificity) cao nhất trong số các vùng chọn cơ bản: tên thẻ, lớp, ID?

  • A. Tên thẻ.
  • B. ID.
  • C. Lớp.
  • D. Độ ưu tiên là như nhau.

Câu 15: Cho đoạn mã HTML: <button id=

  • A. #submit-btn
  • B. .submit-btn
  • C. button#submit
  • D. submit-btn

Câu 16: Mục đích của việc sử dụng vùng chọn nhóm là gì?

  • A. Tăng độ ưu tiên của quy tắc CSS.
  • B. Chọn các phần tử con của một phần tử khác.
  • C. Áp dụng kiểu cho các phần tử dựa trên trạng thái của chúng.
  • D. Áp dụng cùng một bộ quy tắc định kiểu cho nhiều vùng chọn khác nhau.

Câu 17: Cho đoạn mã CSS: h1 { font-size: 2em; } h2 { font-size: 1.5em; }. Bạn có thể viết lại hai quy tắc này gọn hơn bằng cách sử dụng vùng chọn nhóm như thế nào?

  • A. h1 h2 { font-size: ...; }
  • B. h1.h2 { font-size: ...; }
  • C. h1, h2 { font-size: ...; }
  • D. h1#h2 { font-size: ...; }

Câu 18: Bạn có một số hình ảnh (<img>) trong trang web mà bạn muốn áp dụng cùng một kiểu viền và bóng đổ. Loại vùng chọn nào phù hợp nhất để tạo kiểu dùng chung cho các hình ảnh này?

  • A. Vùng chọn lớp (ví dụ: .image-style).
  • B. Vùng chọn ID (ví dụ: #image-style).
  • C. Vùng chọn tên thẻ img.
  • D. Vùng chọn nhóm img, img, img.

Câu 19: Cho đoạn mã HTML: <div id=

  • A. #sidebar p
  • B. .sidebar p
  • C. sidebar p
  • D. div p

Câu 20: Xem xét đoạn mã CSS: .box { border: 1px solid black; }. Bạn muốn áp dụng kiểu này cho một phần tử <div>. Cú pháp HTML đúng để làm điều đó là gì?

  • A. <div id=
  • B. <div class=
  • C. <div style=
  • D. <box>...</box>

Câu 21: Vùng chọn * (Universal selector) dùng để làm gì?

  • A. Chọn tất cả các phần tử HTML trong trang.
  • B. Chọn các phần tử con trực tiếp.
  • C. Chọn phần tử đầu tiên của một loại.
  • D. Chọn các phần tử có cùng thuộc tính.

Câu 22: Cho đoạn mã CSS: p, h1 { color: navy; }. Quy tắc này sẽ áp dụng màu chữ xanh navy cho những phần tử nào trong HTML?

  • A. Chỉ thẻ <p>.
  • B. Tất cả các thẻ <p> và <h1>.
  • C. Chỉ thẻ <h1>.
  • D. Các phần tử có lớp là "p" hoặc "h1".

Câu 23: Bạn muốn định kiểu cho một nút bấm (<button>) cụ thể có ID là

  • A. .cancel-button
  • B. button.cancel-button
  • C. #cancel-button
  • D. button

Câu 24: Độ ưu tiên của các vùng chọn ảnh hưởng như thế nào đến việc áp dụng kiểu CSS?

  • A. Quy tắc từ vùng chọn có độ ưu tiên cao hơn sẽ ghi đè lên quy tắc từ vùng chọn có độ ưu tiên thấp hơn.
  • B. Chỉ vùng chọn đầu tiên được khai báo mới có hiệu lực.
  • C. Chỉ vùng chọn cuối cùng được khai báo mới có hiệu lực.
  • D. Tất cả các quy tắc sẽ được áp dụng đồng thời.

Câu 25: Cho đoạn mã HTML: <p class=

  • A. p
  • B. .info
  • C. #info
  • D. p, .info

Câu 26: Bạn muốn tạo một kiểu CSS chung cho tất cả các phần tử nhập liệu văn bản (<input type=

  • A. Vùng chọn ID.
  • B. Vùng chọn tên thẻ `text`.
  • C. Vùng chọn lớp (ví dụ: gán class=
  • D. Vùng chọn nhóm input[type=

Câu 27: Cho đoạn mã HTML: <h1>Tiêu đề chính</h1><p>Đoạn 1.</p><h2>Tiêu đề phụ</h2><p class=

  • A. 1
  • B. 2
  • C. 3
  • D. 4

Câu 28: Sự khác biệt chính giữa vùng chọn lớp và vùng chọn ID nằm ở đâu?

  • A. ID định danh một phần tử duy nhất, lớp có thể áp dụng cho nhiều phần tử.
  • B. ID chỉ dùng cho phần tử khối, lớp dùng cho phần tử nội tuyến.
  • C. ID có độ ưu tiên thấp hơn lớp.
  • D. ID dùng ký hiệu ., lớp dùng ký hiệu #.

Câu 29: Khi sử dụng vùng chọn tên thẻ, quy tắc CSS sẽ áp dụng cho những phần tử nào?

  • A. Phần tử đầu tiên có tên thẻ đó.
  • B. Phần tử cuối cùng có tên thẻ đó.
  • C. Phần tử có tên thẻ đó và một lớp cụ thể.
  • D. Tất cả các phần tử có tên thẻ đó trong tài liệu.

Câu 30: Bạn có một số đoạn văn cần làm nổi bật bằng màu nền vàng. Thay vì viết kiểu riêng cho từng đoạn, cách hiệu quả nhất sử dụng vùng chọn trong F9 là gì?

  • A. Sử dụng vùng chọn ID cho từng đoạn.
  • B. Sử dụng vùng chọn tên thẻ `p` (nếu chỉ muốn áp dụng cho một số đoạn).
  • C. Tạo một vùng chọn lớp và gán lớp đó cho các đoạn cần làm nổi bật.
  • D. Sử dụng vùng chọn nhóm liệt kê từng đoạn theo thứ tự.

1 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 1: Trong CSS, "vùng chọn" (selector) có vai trò chính là gì?

2 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 2: Để áp dụng một kiểu định dạng cho TẤT CẢ các phần tử HTML có cùng tên thẻ (ví dụ: tất cả các đoạn văn

), bạn sử dụng loại vùng chọn nào?

3 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 3: Vùng chọn tên lớp (Class selector) trong CSS được bắt đầu bằng ký hiệu nào?

4 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 4: Vùng chọn ID (ID selector) trong CSS được bắt đầu bằng ký hiệu nào?

5 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 5: Xem xét đoạn mã HTML sau:

Đoạn 1

Khối 1

. Vùng chọn CSS nào sau đây sẽ áp dụng định kiểu cho CẢ hai phần tử

và

trên?

6 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 6: Thuộc tính `id` trong HTML nên được sử dụng như thế nào trong một trang web?

7 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 7: Bạn muốn định kiểu riêng cho một tiêu đề duy nhất trên trang có nội dung "Giới thiệu về CSS". Phần tử này có thể được gán một thuộc tính nào để CSS dễ dàng chọn lựa và định kiểu riêng cho nó?

8 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 8: Cho đoạn mã CSS sau: p { color: blue; } .text-red { color: red; } #main-paragraph { color: green; }. Nếu một đoạn văn

có cả thuộc tính `class="text-red"` và `id="main-paragraph"`, màu chữ cuối cùng của đoạn văn này sẽ là gì?

9 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 9: Để áp dụng cùng một bộ quy tắc định kiểu cho nhiều loại phần tử HTML khác nhau (ví dụ: cả

và

cùng có màu tím), bạn sử dụng kỹ thuật vùng chọn nào?

10 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 10: Cú pháp đúng để nhóm các vùng chọn

, .title, và #header trong một quy tắc CSS duy nhất là gì?

11 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 11: Bạn muốn tất cả các liên kết () trong trang web của mình không có gạch chân. Vùng chọn nào sau đây phù hợp nhất?

12 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 12: Xem xét đoạn mã HTML:

Đoạn văn.

. Vùng chọn CSS nào sau đây sẽ áp dụng định kiểu cho thẻ

?

13 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 13: Khi nào bạn nên sử dụng vùng chọn lớp thay vì vùng chọn ID?

14 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 14: Vùng chọn nào có độ ưu tiên (specificity) cao nhất trong số các vùng chọn cơ bản: tên thẻ, lớp, ID?

15 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 15: Cho đoạn mã HTML: . Vùng chọn CSS nào sau đây sẽ áp dụng định kiểu cho nút bấm này?

16 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 16: Mục đích của việc sử dụng vùng chọn nhóm là gì?

17 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 17: Cho đoạn mã CSS: h1 { font-size: 2em; } h2 { font-size: 1.5em; }. Bạn có thể viết lại hai quy tắc này gọn hơn bằng cách sử dụng vùng chọn nhóm như thế nào?

18 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 18: Bạn có một số hình ảnh () trong trang web mà bạn muốn áp dụng cùng một kiểu viền và bóng đổ. Loại vùng chọn nào phù hợp nhất để tạo kiểu dùng chung cho các hình ảnh này?

19 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 19: Cho đoạn mã HTML:

. Vùng chọn nào sau đây sẽ áp dụng định kiểu cho thẻ

bên trong khối

có ID là "sidebar"?

20 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 20: Xem xét đoạn mã CSS: .box { border: 1px solid black; }. Bạn muốn áp dụng kiểu này cho một phần tử

. Cú pháp HTML đúng để làm điều đó là gì?

21 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 21: Vùng chọn * (Universal selector) dùng để làm gì?

22 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 22: Cho đoạn mã CSS: p, h1 { color: navy; }. Quy tắc này sẽ áp dụng màu chữ xanh navy cho những phần tử nào trong HTML?

23 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 23: Bạn muốn định kiểu cho một nút bấm (

24 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 24: Độ ưu tiên của các vùng chọn ảnh hưởng như thế nào đến việc áp dụng kiểu CSS?

25 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 25: Cho đoạn mã HTML:

Thông tin quan trọng.

Đoạn văn thường.

. Vùng chọn CSS nào sau đây sẽ áp dụng định kiểu CHỈ cho đoạn văn "Thông tin quan trọng"?

26 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 26: Bạn muốn tạo một kiểu CSS chung cho tất cả các phần tử nhập liệu văn bản (). Loại vùng chọn nào phù hợp nhất?

27 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 27: Cho đoạn mã HTML:

Tiêu đề chính

Đoạn 1.

Tiêu đề phụ

Đoạn 2.

. Vùng chọn `p` sẽ áp dụng định kiểu cho bao nhiêu phần tử?

28 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 28: Sự khác biệt chính giữa vùng chọn lớp và vùng chọn ID nằm ở đâu?

29 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 29: Khi sử dụng vùng chọn tên thẻ, quy tắc CSS sẽ áp dụng cho những phần tử nào?

30 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 1

Câu 30: Bạn có một số đoạn văn cần làm nổi bật bằng màu nền vàng. Thay vì viết kiểu riêng cho từng đoạn, cách hiệu quả nhất sử dụng vùng chọn trong F9 là gì?

Xem kết quả

By Wordpress Quiz plugin
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 02

Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 02 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

Câu 1: Để định kiểu đồng nhất cho tất cả các đoạn văn bản được đánh dấu bằng thẻ <p> trên trang web, bạn sử dụng loại vùng chọn nào trong CSS?

  • A. .p
  • B. #p
  • C. p
  • D. *

Câu 2: Bạn muốn áp dụng một kiểu định dạng đặc biệt cho một số đoạn văn (<p>) và một số mục danh sách (<li>) nhất định, không phải tất cả. Bạn đã gán cho chúng thuộc tính class=

  • A. special-text
  • B. #special-text
  • C. .special-text
  • D. class=

Câu 3: Trong một trang web HTML, mỗi giá trị của thuộc tính id chỉ nên được sử dụng cho tối đa bao nhiêu phần tử?

  • A. Không giới hạn số lượng
  • B. Tối đa 2 phần tử
  • C. Chỉ 1 phần tử duy nhất
  • D. Tối đa số lượng bằng số lớp (class) có trên trang

Câu 4: Để định kiểu cho một phần tử HTML có thuộc tính id=

  • A. .main-header
  • B. main-header
  • C. *main-header
  • D. #main-header

Câu 5: Xét đoạn mã HTML và CSS sau. Đoạn văn bản

  • A. Đỏ
  • B. Xanh dương
  • C. Xanh lá cây
  • D. Mặc định (đen)

Câu 6: Bạn muốn áp dụng cùng một bộ quy tắc CSS (ví dụ: font-family: Arial;) cho cả các phần tử <h1> và <p>. Cách viết vùng chọn nào sau đây giúp gộp hai vùng chọn này lại một cách hiệu quả?

  • A. h1 p { font-family: Arial; }
  • B. h1, p { font-family: Arial; }
  • C. h1 + p { font-family: Arial; }
  • D. h1 > p { font-family: Arial; }

Câu 7: Xét đoạn mã HTML sau:
<div>
  <p>Đoạn 1</p>
  <span><p>Đoạn 2</p></span>
</div>
<p>Đoạn 3</p>
Vùng chọn CSS div p sẽ định kiểu cho những đoạn văn bản nào?

  • A. Đoạn 1 và Đoạn 3
  • B. Đoạn 2 và Đoạn 3
  • C. Đoạn 1 và Đoạn 2
  • D. Chỉ Đoạn 1

Câu 8: Xét đoạn mã HTML sau:
<div>
  <p>Đoạn A (con trực tiếp)</p>
  <span>
    <p>Đoạn B (con của span)</p>
  </span>
  <p>Đoạn C (con trực tiếp)</p>
</div>
Vùng chọn CSS div > p sẽ định kiểu cho những đoạn văn bản nào?

  • A. Đoạn A và Đoạn B
  • B. Đoạn B và Đoạn C
  • C. Chỉ Đoạn B
  • D. Đoạn A và Đoạn C

Câu 9: Xét đoạn mã HTML sau:
<h1>Tiêu đề 1</h1>
<p>Đoạn văn sau Tiêu đề 1.</p>
<h2>Tiêu đề 2</h2>
<p>Đoạn văn sau Tiêu đề 2.</p>
Vùng chọn CSS h1 + p sẽ định kiểu cho phần tử nào?

  • A. Tất cả các thẻ <p>
  • B. Đoạn văn sau Tiêu đề 1 và đoạn văn sau Tiêu đề 2
  • C. Chỉ đoạn văn ngay sau Tiêu đề 1
  • D. Chỉ đoạn văn ngay sau Tiêu đề 2

Câu 10: Xét đoạn mã HTML sau:
<h1>Tiêu đề</h1>
<p>Đoạn 1</p>
<div>Một div khác</div>
<p>Đoạn 2</p>
Vùng chọn CSS h1 ~ p sẽ định kiểu cho những phần tử nào?

  • A. Chỉ Đoạn 1
  • B. Chỉ Đoạn 2
  • C. Đoạn 1 và Đoạn 2
  • D. Không có phần tử nào

Câu 11: Vùng chọn * trong CSS được sử dụng để làm gì?

  • A. Chọn phần tử đầu tiên trên trang.
  • B. Chọn tất cả các phần tử trên trang.
  • C. Chọn phần tử đang được người dùng tương tác (ví dụ: rê chuột qua).
  • D. Chọn phần tử cha của một phần tử khác.

Câu 12: Bạn muốn chỉ định kiểu cho các phần tử <p> có lớp (class) là warning. Vùng chọn CSS nào sau đây là đúng?

  • A. .p.warning
  • B. p .warning
  • C. p.warning
  • D. #p.warning

Câu 13: Bạn muốn chỉ định kiểu cho phần tử <div> có ID là sidebar. Vùng chọn CSS nào sau đây là đúng?

  • A. div #sidebar
  • B. div#sidebar
  • C. .div#sidebar
  • D. #div#sidebar

Câu 14: Xét đoạn mã HTML và CSS sau. Đoạn văn bản

  • A. Xanh dương
  • B. Đỏ
  • C. Mặc định (đen)
  • D. Không có màu nào được áp dụng

Câu 15: Vùng chọn pseudo-class :hover trong CSS được sử dụng để làm gì?

  • A. Định kiểu cho phần tử khi nó được nhấp chuột.
  • B. Định kiểu cho phần tử khi con trỏ chuột di chuyển qua nó.
  • C. Định kiểu cho phần tử khi nó nhận được tiêu điểm (focus).
  • D. Định kiểu cho phần tử đã được truy cập (đối với liên kết).

Câu 16: Xét đoạn mã HTML sau:
<ul>
  <li>Mục A</li>
  <li>Mục B</li>
  <li>Mục C</li>
</ul>
Vùng chọn CSS li:first-child sẽ định kiểu cho mục danh sách nào?

  • A. Mục A và Mục B
  • B. Mục B và Mục C
  • C. Chỉ Mục A
  • D. Tất cả các mục danh sách

Câu 17: Một phần tử HTML có thể có bao nhiêu lớp (class) được gán cho nó thông qua thuộc tính class?

  • A. Chỉ một lớp duy nhất.
  • B. Tối đa hai lớp.
  • C. Bất kỳ số lượng lớp nào, cách nhau bởi dấu cách.
  • D. Bất kỳ số lượng lớp nào, cách nhau bởi dấu phẩy.

Câu 18: Mục đích chính của việc sử dụng các vùng chọn (selectors) trong CSS là gì?

  • A. Khai báo các thuộc tính định kiểu.
  • B. Chỉ ra phần tử hoặc nhóm phần tử HTML nào sẽ được áp dụng các quy tắc định kiểu.
  • C. Đặt tên cho các bộ quy tắc CSS.
  • D. Liên kết tệp CSS với tệp HTML.

Câu 19: Vùng chọn CSS div.container có ý nghĩa gì?

  • A. Chọn tất cả các phần tử có lớp container bên trong một phần tử div.
  • B. Chọn phần tử div là con trực tiếp của phần tử có lớp container.
  • C. Chọn tất cả các phần tử div có lớp container.
  • D. Chọn tất cả các phần tử có lớp container và tất cả các phần tử div.

Câu 20: Vùng chọn CSS div .container (có dấu cách) có ý nghĩa gì?

  • A. Chọn tất cả các phần tử div có lớp container.
  • B. Chọn phần tử div là con trực tiếp của phần tử có lớp container.
  • C. Chọn tất cả các phần tử có lớp container là con cháu của một phần tử div.
  • D. Chọn tất cả các phần tử div và tất cả các phần tử có lớp container.

Câu 21: Bạn cần định kiểu riêng biệt cho thanh điều hướng (navigation bar) duy nhất trên trang web của mình. Loại vùng chọn nào là phù hợp nhất để sử dụng cho mục đích này?

  • A. Vùng chọn tên thẻ (ví dụ: nav)
  • B. Vùng chọn lớp (ví dụ: .navbar)
  • C. Vùng chọn ID (ví dụ: #main-nav)
  • D. Vùng chọn nhóm (ví dụ: nav, .navbar)

Câu 22: Bạn có nhiều đoạn văn bản (<p>) trên trang, nhưng chỉ muốn một số trong số chúng có màu chữ đỏ. Bạn nên sử dụng loại vùng chọn nào để định kiểu cho những đoạn văn bản cụ thể này mà không ảnh hưởng đến các đoạn văn bản khác?

  • A. Vùng chọn tên thẻ (p)
  • B. Vùng chọn lớp (.red-text)
  • C. Vùng chọn ID (#unique-red-text)
  • D. Vùng chọn universal (*)

Câu 23: Xét đoạn mã HTML và CSS sau. Chữ

  • A. Xanh dương
  • B. Đỏ
  • C. Xanh lá cây
  • D. Mặc định (đen)

Câu 24: Vùng chọn pseudo-class :active thường được sử dụng để định kiểu cho phần tử khi nào?

  • A. Khi con trỏ chuột nằm trên phần tử.
  • B. Khi phần tử nhận được tiêu điểm từ bàn phím hoặc chuột.
  • C. Khi phần tử đang được nhấn giữ (kích hoạt).
  • D. Khi phần tử là con đầu tiên trong nhóm anh chị em.

Câu 25: Bạn muốn chọn các phần tử <p> có cả hai lớp featured và promoted. Vùng chọn CSS nào sau đây là đúng?

  • A. p .featured .promoted
  • B. p.featured.promoted
  • C. p, .featured, .promoted
  • D. p + .featured + .promoted

Câu 26: Vùng chọn thuộc tính [target=

  • A. Tất cả các phần tử có thuộc tính target với giá trị bất kỳ.
  • B. Tất cả các phần tử có thuộc tính target với giá trị chính xác là
  • C. Tất cả các phần tử có thuộc tính target chứa chuỗi
  • D. Tất cả các phần tử <a> có thuộc tính target với giá trị

Câu 27: Pseudo-element ::before trong CSS được sử dụng để làm gì?

  • A. Chọn phần tử cha của một phần tử.
  • B. Chèn nội dung được tạo ra bởi CSS vào trước nội dung thực tế của phần tử được chọn.
  • C. Chèn nội dung được tạo ra bởi CSS vào sau nội dung thực tế của phần tử được chọn.
  • D. Chọn phần tử anh chị em liền kề phía trước.

Câu 28: Xét đoạn mã HTML sau:
<div class=

  • A. Đoạn 2 và Đoạn 3
  • B. Đoạn 1, Đoạn 2, và Đoạn 3
  • C. Chỉ Đoạn 2
  • D. Đoạn 2, Đoạn 3, và Đoạn 4

Câu 29: Vùng chọn nào sau đây có độ ưu tiên (specificity) cao nhất?

  • A. p
  • B. .info
  • C. p.info
  • D. #main-info

Câu 30: Thuộc tính id và vùng chọn #id trong CSS thường được sử dụng khi bạn muốn:

  • A. Áp dụng cùng một kiểu cho nhiều phần tử khác nhau.
  • B. Áp dụng một kiểu duy nhất cho một phần tử cụ thể và không lặp lại.
  • C. Nhóm các phần tử cùng loại lại để định kiểu.
  • D. Định kiểu cho tất cả các phần tử trên trang.

1 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 2

Câu 1: Để định kiểu đồng nhất cho tất cả các đoạn văn bản được đánh dấu bằng thẻ

trên trang web, bạn sử dụng loại vùng chọn nào trong CSS?

2 / 30

Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Tags: Bộ đề 2

Câu 2: Bạn muốn áp dụng một kiểu định dạng đặc biệt cho một số đoạn văn (

) và một số mục danh sách (

  • ) nhất định, không phải tất cả. Bạn đã gán cho chúng thuộc tính class="special-text". Vùng chọn CSS nào sau đây là đúng để nhắm mục tiêu các phần tử này?

    • 3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 3: Trong một trang web HTML, mỗi giá trị của thuộc tính id chỉ nên được sử dụng cho tối đa bao nhiêu phần tử?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 4: Để định kiểu cho một phần tử HTML có thuộc tính id="main-header", vùng chọn CSS nào sau đây được sử dụng?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 5: Xét đoạn mã HTML và CSS sau. Đoạn văn bản "Đây là đoạn văn." sẽ có màu gì?

    Đây là đoạn văn.

    .text-red { color: red; }
    p { color: blue; }
    #intro { color: green; }

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 6: Bạn muốn áp dụng cùng một bộ quy tắc CSS (ví dụ: font-family: Arial;) cho cả các phần tử

    và

    . Cách viết vùng chọn nào sau đây giúp gộp hai vùng chọn này lại một cách hiệu quả?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 7: Xét đoạn mã HTML sau:

     

    Đoạn 1

     

    Đoạn 2

    Đoạn 3

    Vùng chọn CSS div p sẽ định kiểu cho những đoạn văn bản nào?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 8: Xét đoạn mã HTML sau:

     

    Đoạn A (con trực tiếp)

     
       

    Đoạn B (con của span)

     
     

    Đoạn C (con trực tiếp)

    Vùng chọn CSS div > p sẽ định kiểu cho những đoạn văn bản nào?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 9: Xét đoạn mã HTML sau:

    Tiêu đề 1

    Đoạn văn sau Tiêu đề 1.

    Tiêu đề 2

    Đoạn văn sau Tiêu đề 2.

    Vùng chọn CSS h1 + p sẽ định kiểu cho phần tử nào?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 10: Xét đoạn mã HTML sau:

    Tiêu đề

    Đoạn 1

    Một div khác

    Đoạn 2

    Vùng chọn CSS h1 ~ p sẽ định kiểu cho những phần tử nào?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 11: Vùng chọn * trong CSS được sử dụng để làm gì?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 12: Bạn muốn chỉ định kiểu cho các phần tử

    *có* lớp (class) là warning. Vùng chọn CSS nào sau đây là đúng?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 13: Bạn muốn chỉ định kiểu cho phần tử

    *có* ID là sidebar. Vùng chọn CSS nào sau đây là đúng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 14: Xét đoạn mã HTML và CSS sau. Đoạn văn bản "Nội dung chính" sẽ có màu gì?

     

    Nội dung chính

    #content p { color: blue; }
    .main-text { color: red; }

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 15: Vùng chọn pseudo-class :hover trong CSS được sử dụng để làm gì?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 16: Xét đoạn mã HTML sau:

       

    • Mục A

      •  

    • Mục B

      •  

    • Mục C

    Vùng chọn CSS li:first-child sẽ định kiểu cho mục danh sách nào?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 17: Một phần tử HTML có thể có bao nhiêu lớp (class) được gán cho nó thông qua thuộc tính class?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 18: Mục đích chính của việc sử dụng các vùng chọn (selectors) trong CSS là gì?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 19: Vùng chọn CSS div.container có ý nghĩa gì?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 20: Vùng chọn CSS div .container (có dấu cách) có ý nghĩa gì?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 21: Bạn cần định kiểu riêng biệt cho thanh điều hướng (navigation bar) *duy nhất* trên trang web của mình. Loại vùng chọn nào là phù hợp nhất để sử dụng cho mục đích này?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 22: Bạn có nhiều đoạn văn bản (

    ) trên trang, nhưng chỉ muốn một số trong số chúng có màu chữ đỏ. Bạn nên sử dụng loại vùng chọn nào để định kiểu cho những đoạn văn bản cụ thể này mà không ảnh hưởng đến các đoạn văn bản khác?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 23: Xét đoạn mã HTML và CSS sau. Chữ "Quan trọng" sẽ có màu gì?

     

    Quan trọng

    .box .text { color: blue; }
    #important { color: green; }
    p.text { color: red; }

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 24: Vùng chọn pseudo-class :active thường được sử dụng để định kiểu cho phần tử khi nào?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 25: Bạn muốn chọn các phần tử

    *có cả hai* lớp featured và promoted. Vùng chọn CSS nào sau đây là đúng?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 26: Vùng chọn thuộc tính [target="_blank"] trong CSS sẽ định kiểu cho những phần tử nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 27: Pseudo-element ::before trong CSS được sử dụng để làm gì?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 28: Xét đoạn mã HTML sau:

     

    Đoạn 1

     

       

    Đoạn 2

     

     

    Đoạn 3

    Đoạn 4

    Vùng chọn CSS .container .text sẽ định kiểu cho những đoạn văn bản nào?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 29: Vùng chọn nào sau đây có độ ưu tiên (specificity) cao nhất?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 2

    Câu 30: Thuộc tính id và vùng chọn #id trong CSS thường được sử dụng khi bạn muốn:

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 03

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, khái niệm

    • A. Khai báo một thuộc tính định kiểu mới.
    • B. Thiết lập giá trị cho một thuộc tính CSS.
    • C. Chỉ định (chọn) các phần tử HTML mà quy tắc CSS sẽ được áp dụng.
    • D. Định nghĩa một hàm trong mã CSS.

    Câu 2: Bạn muốn áp dụng cùng một kiểu định dạng (ví dụ: màu chữ, cỡ chữ) cho nhiều đoạn văn bản (`

    `) và một số tiêu đề phụ (`

    `) trên trang web của mình. Kỹ thuật vùng chọn nào sau đây là phù hợp và hiệu quả nhất để thực hiện điều này?

    • A. Sử dụng vùng chọn theo tên lớp (Class selector).
    • B. Sử dụng vùng chọn theo tên thẻ (Element selector).
    • C. Sử dụng vùng chọn theo ID (ID selector).
    • D. Áp dụng thuộc tính `style` trực tiếp vào từng thẻ HTML.

    Câu 3: Để định kiểu riêng biệt cho một phần tử duy nhất, chẳng hạn như logo trang web hoặc phần chân trang (footer) chỉ xuất hiện một lần, bạn nên sử dụng loại vùng chọn nào trong CSS?

    • A. Vùng chọn theo tên thẻ (Element selector).
    • B. Vùng chọn theo tên lớp (Class selector).
    • C. Vùng chọn theo ID (ID selector).
    • D. Vùng chọn chung (Universal selector - `*`).

    Câu 4: Cú pháp chính xác để tạo một quy tắc CSS áp dụng cho tất cả các phần tử HTML có tên lớp là `warning` là gì?

    • A. `#warning { ... }`
    • B. `.warning { ... }`
    • C. `warning { ... }`
    • D. `*warning { ... }`

    Câu 5: Bạn có một phần tử HTML với thuộc tính `id=

    • A. `#main-header { ... }`
    • B. `.main-header { ... }`
    • C. `main-header { ... }`
    • D. `id(main-header) { ... }`

    Câu 6: Điểm khác biệt cơ bản và quan trọng nhất giữa thuộc tính `id` và thuộc tính `class` trong HTML, liên quan đến việc sử dụng vùng chọn trong CSS, là gì?

    • A. Thuộc tính `id` chỉ dùng cho văn bản, còn `class` dùng cho hình ảnh.
    • B. Thuộc tính `id` được áp dụng trước `class` khi trình duyệt đọc mã CSS.
    • C. Một phần tử có thể có nhiều `id`, nhưng chỉ một `class`.
    • D. Giá trị của thuộc tính `id` phải là duy nhất trong một trang HTML, trong khi nhiều phần tử có thể có cùng giá trị `class`.

    Câu 7: Cho đoạn mã HTML sau:
    `

  • A. Chỉ phần tử `
    `.
  • B. Chỉ phần tử `

    `.

  • C. Không có phần tử nào vì `class` không thể áp dụng cho cả `div` và `p`.
  • D. Cả phần tử `
    ` và phần tử `

    `.

    • Câu 8: Bạn muốn áp dụng một kiểu chữ đặc biệt cho tất cả các tiêu đề cấp 3 (`

    `) trên trang web của mình. Vùng chọn nào sau đây là phù hợp nhất để làm điều này?

    • A. `.h3 { ... }`
    • B. `h3 { ... }`
    • C. `#h3 { ... }`
    • D. `element(h3) { ... }`

    Câu 9: Khi sử dụng vùng chọn theo tên thẻ (element selector), quy tắc CSS sẽ áp dụng cho:

    • A. Tất cả các phần tử HTML có tên thẻ tương ứng trên trang.
    • B. Chỉ phần tử đầu tiên có tên thẻ tương ứng trên trang.
    • C. Chỉ các phần tử có tên thẻ tương ứng nằm trong một phần tử cha cụ thể.
    • D. Các phần tử có tên thẻ tương ứng và không có bất kỳ thuộc tính `class` hay `id` nào.

    Câu 10: Cho đoạn mã HTML: `

  • A. `.contact-link { color: red; }`
  • B. `#contact-link { color: red; }`
  • C. `a { color: red; }` (sẽ áp dụng cho tất cả thẻ ``)
  • D. `link { color: red; }`

    • Câu 11: Bạn có một danh sách các sản phẩm, mỗi sản phẩm được đặt trong một thẻ `

    ` với cùng tên lớp là `product-item`. Bạn muốn thêm đường viền cho tất cả các mục sản phẩm này. Vùng chọn nào phù hợp nhất?

    • A. `div { ... }` (sẽ chọn tất cả các thẻ `div`)
    • B. `#product-item { ... }` (ID chỉ dùng cho phần tử duy nhất)
    • C. `.product-item { ... }`
    • D. `item { ... }`

    Câu 12: Trong trường hợp nào việc sử dụng vùng chọn theo ID có thể gây ra vấn đề về tính tái sử dụng và quản lý CSS?

    • A. Khi bạn muốn áp dụng cùng một kiểu cho nhiều phần tử khác nhau trên trang.
    • B. Khi bạn muốn áp dụng kiểu cho tất cả các phần tử cùng loại.
    • C. Khi bạn muốn áp dụng kiểu cho một phần tử duy nhất và không có ý định sử dụng lại kiểu đó.
    • D. Khi bạn cần chọn một phần tử dựa trên tên thẻ của nó.

    Câu 13: Cho đoạn HTML: `

  • A. `.message.error { ... }`
  • B. `.message { ... }`
  • C. `.error { ... }`
  • D. Tất cả các vùng chọn trên đều có thể áp dụng kiểu cho phần tử này (tùy thuộc vào thuộc tính cụ thể được định nghĩa).

    • Câu 14: Bạn muốn chọn chỉ các phần tử `` (liên kết) có tên lớp là `button`. Cú pháp vùng chọn kết hợp nào sau đây là chính xác?

    • A. `a.button { ... }`
    • B. `.button a { ... }`
    • C. `#button a { ... }`
    • D. `a #button { ... }`

    Câu 15: Cho đoạn HTML: `

  • A. `p { ... }` (sẽ chọn tất cả thẻ p)
  • B. `.sidebar p { ... }` (sai cú pháp ID)
  • C. `#sidebar p { ... }`
  • D. `#sidebar > p { ... }` (cũng đúng, nhưng `#sidebar p` đơn giản hơn cho mọi thẻ p bên trong)

    • Câu 16: Khi nào thì việc sử dụng vùng chọn theo tên thẻ (element selector) là một lựa chọn tốt?

    • A. Khi bạn cần định kiểu cho một phần tử duy nhất.
    • B. Khi bạn cần định kiểu cho một nhóm phần tử có cùng mục đích nhưng khác loại thẻ.
    • C. Khi bạn cần ghi đè các kiểu đã được định nghĩa trước đó bằng ID hoặc Class.
    • D. Khi bạn muốn thiết lập các kiểu mặc định chung cho tất cả các phần tử cùng loại (ví dụ: tất cả các liên kết, tất cả các đoạn văn).

    Câu 17: Bạn có một danh sách các thẻ `` trên trang. Bạn muốn áp dụng kiểu đường viền màu xanh cho chỉ những hình ảnh được đánh dấu là

    • A. Thêm thuộc tính `class=
    • B. Thêm thuộc tính `id=
    • C. Thêm thuộc tính `style=
    • D. Sử dụng vùng chọn `img { border: 1px solid blue; }` trong CSS.

    Câu 18: Cho quy tắc CSS: `p { font-size: 16px; }`. Quy tắc này sẽ áp dụng cỡ chữ 16px cho phần tử HTML nào?

    • A. Phần tử có `id=
    • B. Phần tử có `class=
    • C. Tất cả các phần tử `

      ` trên trang.

    • D. Chỉ phần tử `

      ` đầu tiên trên trang.

    Câu 19: Trong CSS, ký hiệu `.` đứng trước tên vùng chọn biểu thị loại vùng chọn nào?

    • A. Vùng chọn theo ID.
    • B. Vùng chọn theo Tên lớp.
    • C. Vùng chọn theo Tên thẻ.
    • D. Vùng chọn chung.

    Câu 20: Trong CSS, ký hiệu `#` đứng trước tên vùng chọn biểu thị loại vùng chọn nào?

    • A. Vùng chọn theo ID.
    • B. Vùng chọn theo Tên lớp.
    • C. Vùng chọn theo Tên thẻ.
    • D. Vùng chọn chung.

    Câu 21: Bạn đang thiết kế một trang web tin tức. Bạn muốn tất cả các hình ảnh minh họa trong nội dung bài viết (`

    `) có chiều rộng tối đa 100% và có lề dưới 20px, nhưng không ảnh hưởng đến các hình ảnh khác ngoài bài viết (ví dụ: logo, banner). Vùng chọn nào sau đây phù hợp nhất để đạt được mục tiêu này?

    • A. `article img { ... }`
    • B. `img { ... }`
    • C. `.article img { ... }` (Nếu `article` có class)
    • D. `#article img { ... }` (Nếu `article` có ID)

    Câu 22: Cho đoạn HTML: `

    Câu 23: Vùng chọn theo ID có độ ưu tiên (specificity) như thế nào so với vùng chọn theo tên lớp và vùng chọn theo tên thẻ khi áp dụng kiểu CSS?

    • A. Cao hơn vùng chọn theo tên lớp và vùng chọn theo tên thẻ.
    • B. Thấp hơn vùng chọn theo tên lớp và vùng chọn theo tên thẻ.
    • C. Bằng vùng chọn theo tên lớp và cao hơn vùng chọn theo tên thẻ.
    • D. Bằng vùng chọn theo tên thẻ và thấp hơn vùng chọn theo tên lớp.

    Câu 24: Bạn có một bảng (`

    `) và muốn định kiểu riêng cho hàng tiêu đề (`

    `). Bạn thêm `id=

    • A. `.header-row { ... }`
    • B. `header-row { ... }`
    • C. `#header-row { ... }`
    • D. `thead#header-row { ... }` (Cũng đúng, nhưng `#header-row` đủ để chọn)

    Câu 25: Khi nào thì việc sử dụng vùng chọn theo tên lớp (class selector) là lựa chọn tối ưu?

    • A. Khi bạn cần chọn một phần tử duy nhất trên trang.
    • B. Khi bạn cần áp dụng cùng một bộ kiểu cho nhiều phần tử khác nhau (có thể cùng hoặc khác loại thẻ) trên trang.
    • C. Khi bạn cần thiết lập kiểu mặc định cho tất cả các phần tử cùng loại thẻ.
    • D. Khi bạn muốn chọn một phần tử dựa trên vị trí của nó trong cấu trúc HTML.

    Câu 26: Cho đoạn HTML: `

  • A. Chỉ phần tử `
    `.
  • B. Chỉ phần tử `

    ` thứ nhất.

  • C. Chỉ phần tử `

    ` thứ hai.

  • D. Cả hai phần tử `

    ` bên trong `div.container`.

    • Câu 27: Thuộc tính HTML nào được sử dụng để gán tên lớp cho một phần tử HTML?

    • A. `class`
    • B. `id`
    • C. `name`
    • D. `selector`

    Câu 28: Thuộc tính HTML nào được sử dụng để gán một định danh duy nhất cho một phần tử HTML?

    • A. `class`
    • B. `id`
    • C. `name`
    • D. `unique`

    Câu 29: Bạn muốn loại bỏ gạch chân dưới cho tất cả các liên kết (``) trên trang web của mình. Vùng chọn nào sau đây là phù hợp nhất để làm điều này?

    • A. `.a { text-decoration: none; }`
    • B. `#a { text-decoration: none; }`
    • C. `a { text-decoration: none; }`
    • D. `link { text-decoration: none; }`

    Câu 30: Cho đoạn HTML: `

    • A. `#main-nav a { ... }`
    • B. `.main-nav a { ... }` (sai cú pháp ID)
    • C. `ul a { ... }` (sẽ chọn tất cả liên kết trong tất cả danh sách ul)
    • D. `a { ... }` (sẽ chọn tất cả liên kết trên trang)

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 1: Trong CSS, khái niệm "vùng chọn" (selector) dùng để làm gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 2: Bạn muốn áp dụng cùng một kiểu định dạng (ví dụ: màu chữ, cỡ chữ) cho nhiều đoạn văn bản (`

    `) và một số tiêu đề phụ (`

    `) trên trang web của mình. Kỹ thuật vùng chọn nào sau đây là phù hợp và hiệu quả nhất để thực hiện điều này?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 3: Để định kiểu riêng biệt cho một phần tử duy nhất, chẳng hạn như logo trang web hoặc phần chân trang (footer) chỉ xuất hiện một lần, bạn nên sử dụng loại vùng chọn nào trong CSS?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 4: Cú pháp chính xác để tạo một quy tắc CSS áp dụng cho tất cả các phần tử HTML có tên lớp là `warning` là gì?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 5: Bạn có một phần tử HTML với thuộc tính `id="main-header"`. Cú pháp chính xác để tạo một quy tắc CSS chỉ áp dụng cho phần tử này là gì?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 6: Điểm khác biệt cơ bản và quan trọng nhất giữa thuộc tính `id` và thuộc tính `class` trong HTML, liên quan đến việc sử dụng vùng chọn trong CSS, là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 7: Cho đoạn mã HTML sau:
    `

    Nội dung 1

    `
    `

    Nội dung 2

    `
    Nếu bạn viết quy tắc CSS `.box { border: 1px solid black; }`, phần tử nào sẽ có đường viền?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 8: Bạn muốn áp dụng một kiểu chữ đặc biệt cho tất cả các tiêu đề cấp 3 (`

    `) trên trang web của mình. Vùng chọn nào sau đây là phù hợp nhất để làm điều này?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 9: Khi sử dụng vùng chọn theo tên thẻ (element selector), quy tắc CSS sẽ áp dụng cho:

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 10: Cho đoạn mã HTML: `Liên hệ`. Để thay đổi màu chữ của liên kết này thành màu đỏ, quy tắc CSS nào là đúng?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 11: Bạn có một danh sách các sản phẩm, mỗi sản phẩm được đặt trong một thẻ `

    ` với cùng tên lớp là `product-item`. Bạn muốn thêm đường viền cho *tất cả* các mục sản phẩm này. Vùng chọn nào phù hợp nhất?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 12: Trong trường hợp nào việc sử dụng vùng chọn theo ID có thể gây ra vấn đề về tính tái sử dụng và quản lý CSS?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 13: Cho đoạn HTML: `

    Lỗi hệ thống!

    `. Quy tắc CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn bản này?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 14: Bạn muốn chọn *chỉ* các phần tử `` (liên kết) có tên lớp là `button`. Cú pháp vùng chọn kết hợp nào sau đây là chính xác?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 15: Cho đoạn HTML: `

    `. Bạn muốn định kiểu *chỉ* cho thẻ `

    ` nằm *bên trong* thẻ `

    ` có id là `sidebar`. Vùng chọn nào sau đây là phù hợp?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 16: Khi nào thì việc sử dụng vùng chọn theo tên thẻ (element selector) là một lựa chọn tốt?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 17: Bạn có một danh sách các thẻ `` trên trang. Bạn muốn áp dụng kiểu đường viền màu xanh cho *chỉ* những hình ảnh được đánh dấu là "đặc biệt" mà không ảnh hưởng đến các hình ảnh khác. Bạn nên thêm thuộc tính gì vào các thẻ `` "đặc biệt" và sử dụng vùng chọn nào trong CSS?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 18: Cho quy tắc CSS: `p { font-size: 16px; }`. Quy tắc này sẽ áp dụng cỡ chữ 16px cho phần tử HTML nào?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 19: Trong CSS, ký hiệu `.` đứng trước tên vùng chọn biểu thị loại vùng chọn nào?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 20: Trong CSS, ký hiệu `#` đứng trước tên vùng chọn biểu thị loại vùng chọn nào?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 21: Bạn đang thiết kế một trang web tin tức. Bạn muốn tất cả các hình ảnh minh họa trong nội dung bài viết (`

    `) có chiều rộng tối đa 100% và có lề dưới 20px, nhưng không ảnh hưởng đến các hình ảnh khác ngoài bài viết (ví dụ: logo, banner). Vùng chọn nào sau đây phù hợp nhất để đạt được mục tiêu này?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 22: Cho đoạn HTML: ``. Nếu có hai quy tắc CSS sau:
    `.btn { padding: 10px; }`
    `.primary { background-color: blue; }`
    Phần tử `

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 23: Vùng chọn theo ID có độ ưu tiên (specificity) như thế nào so với vùng chọn theo tên lớp và vùng chọn theo tên thẻ khi áp dụng kiểu CSS?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 24: Bạn có một bảng (`

    `) và muốn định kiểu riêng cho hàng tiêu đề (`

    `). Bạn thêm `id="header-row"` vào thẻ `

    `. Quy tắc CSS nào sau đây là đúng để chọn hàng tiêu đề đó?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 25: Khi nào thì việc sử dụng vùng chọn theo tên lớp (class selector) là lựa chọn tối ưu?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 26: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Quy tắc CSS `.container p { color: gray; }` sẽ áp dụng cho phần tử nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 27: Thuộc tính HTML nào được sử dụng để gán tên lớp cho một phần tử HTML?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 28: Thuộc tính HTML nào được sử dụng để gán một định danh duy nhất cho một phần tử HTML?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 29: Bạn muốn loại bỏ gạch chân dưới cho tất cả các liên kết (``) trên trang web của mình. Vùng chọn nào sau đây là phù hợp nhất để làm điều này?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 3

    Câu 30: Cho đoạn HTML: `

    `. Bạn muốn định kiểu màu chữ cho các liên kết *chỉ* trong danh sách điều hướng chính này. Vùng chọn nào sau đây là phù hợp nhất?

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 04

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 04 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, khái niệm "vùng chọn" (selector) được hiểu là gì?

    • A. Một mẫu để chỉ định các phần tử HTML mà quy tắc CSS sẽ được áp dụng.
    • B. Một thuộc tính CSS dùng để thay đổi màu nền.
    • C. Giá trị của thuộc tính `class` trong HTML.
    • D. Khu vực hiển thị của một phần tử trên trang web.

    Câu 2: Để định kiểu cho TẤT CẢ các phần tử `

    ` (đoạn văn) trong một tài liệu HTML, bạn sẽ sử dụng loại vùng chọn nào?

    • A. Vùng chọn ID
    • B. Vùng chọn Tên thẻ
    • C. Vùng chọn Tên lớp
    • D. Vùng chọn Thuộc tính

    Câu 3: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ xanh) cho nhiều phần tử HTML khác nhau trên trang, bất kể loại thẻ của chúng là gì. Loại vùng chọn nào phù hợp nhất cho trường hợp này?

    • A. Vùng chọn Tên thẻ
    • B. Vùng chọn ID
    • C. Vùng chọn Tên lớp
    • D. Vùng chọn Phổ quát (*)

    Câu 4: Để định kiểu cho một phần tử HTML DUY NHẤT trên trang, chẳng hạn như một logo hoặc thanh điều hướng chính, bạn nên sử dụng loại vùng chọn nào?

    • A. Vùng chọn Tên lớp
    • B. Vùng chọn ID
    • C. Vùng chọn Tên thẻ
    • D. Vùng chọn Nhóm

    Câu 5: Trong CSS, ký hiệu nào được sử dụng để định nghĩa một vùng chọn dựa trên TÊN LỚP (class)?

    • A. Dấu chấm (`.`)
    • B. Dấu thăng (`#`)
    • C. Dấu sao (`*`)
    • D. Dấu hai chấm (`:`)

    Câu 6: Trong CSS, ký hiệu nào được sử dụng để định nghĩa một vùng chọn dựa trên GIÁ TRỊ ID (id)?

    • A. Dấu chấm (`.`)
    • B. Dấu thăng (`#`)
    • C. Dấu sao (`*`)
    • D. Dấu phẩy (`,`)

    Câu 7: Thuộc tính `id` của một phần tử HTML trong cùng một tài liệu PHẢI đảm bảo điều kiện nào sau đây?

    • A. Có cùng giá trị với thuộc tính `class`.
    • B. Có thể trùng lặp với các `id` khác.
    • C. Có giá trị duy nhất trong toàn bộ tài liệu.
    • D. Chỉ được sử dụng cho các phần tử dạng khối (block).

    Câu 8: Cho đoạn mã HTML sau: `

    Đây là đoạn giới thiệu.

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn này?

    • A. .intro {}
    • B. #intro {}
    • C. p.intro {}
    • D. p#intro {}

    Câu 9: Cho đoạn mã HTML sau: `

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho phần tử `div` này?

    • A. .header {}
    • B. #header {}
    • C. div.header {}
    • D. div#header {}

    Câu 10: Cho đoạn mã HTML: `

    Tiêu đề chính

    `. Vùng chọn CSS nào sau đây sẽ chỉ áp dụng kiểu cho các thẻ `

    ` có lớp `main-title`?

    • A. .main-title {}
    • B. h1 {}
    • C. #main-title {}
    • D. h1.main-title {}

    Câu 11: Cho đoạn mã HTML: `

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn này dựa trên ID của nó?

    • A. .message {}
    • B. p.message {}
    • C. #greeting {}
    • D. p#message {}

    Câu 12: Bạn muốn áp dụng cùng một bộ quy tắc CSS cho cả thẻ `

    ` và thẻ `

    `. Cách viết vùng chọn nào là đúng và hiệu quả nhất?

    • A. h1, h2 {}
    • B. h1 h2 {}
    • C. h1 + h2 {}
    • D. h1 > h2 {}

    Câu 13: Cho đoạn HTML: ``. Vùng chọn nào sau đây sẽ chỉ chọn các phần tử `

    Câu 14: Giả sử bạn có một thẻ HTML `

    `. Nếu bạn viết CSS là `.sidebar { width: 200px; }`, liệu quy tắc này có được áp dụng cho thẻ `div` trên không? Vì sao?

    • A. Có, vì tên lớp và giá trị ID giống nhau.
    • B. Không, vì `.sidebar` chọn lớp, còn `div` có ID là `sidebar`.
    • C. Có, vì CSS tự động hiểu tên ID là tên lớp.
    • D. Không, vì thiếu ký hiệu `#`.

    Câu 15: Bạn có đoạn CSS sau: `#main-content { padding: 20px; }`. Đoạn CSS này sẽ áp dụng kiểu cho phần tử HTML nào?

    • A. Tất cả các phần tử có tên thẻ là `main-content`.
    • B. Tất cả các phần tử có thuộc tính `class` với giá trị là `main-content`.
    • C. Phần tử duy nhất có thuộc tính `id` với giá trị là `main-content`.
    • D. Tất cả các phần tử trên trang web.

    Câu 16: Ưu điểm chính của việc sử dụng vùng chọn TÊN LỚP so với vùng chọn TÊN THẺ là gì?

    • A. Có thể áp dụng cho nhiều phần tử khác loại và chọn lọc các phần tử cùng loại.
    • B. Chỉ áp dụng cho một phần tử duy nhất trên trang.
    • C. Tự động áp dụng cho tất cả các phần tử cùng loại mà không cần gán thêm thuộc tính.
    • D. Có độ ưu tiên cao nhất trong CSS.

    Câu 17: Khi nào thì việc sử dụng vùng chọn ID trở nên không phù hợp và nên cân nhắc sử dụng vùng chọn lớp thay thế?

    • A. Khi bạn muốn định kiểu cho tất cả các phần tử cùng loại.
    • B. Khi phần tử cần định kiểu là duy nhất.
    • C. Khi bạn muốn áp dụng kiểu cho một nhóm các phần tử có cùng mục đích.
    • D. Khi bạn cần áp dụng cùng một kiểu dáng cho nhiều hơn một phần tử.

    Câu 18: Cho đoạn HTML: `

    `. Vùng chọn nào sau đây sẽ áp dụng kiểu cho thẻ `

    `?

    • A. #text {}
    • B. .text {}
    • C. div {}
    • D. .container {}

    Câu 19: Bạn muốn tất cả các liên kết (``) trong một phần tử có ID là `footer` có màu trắng. Vùng chọn nào sau đây là đúng?

    • A. #footer a {}
    • B. footer #a {}
    • C. .footer a {}
    • D. #footer.a {}

    Câu 20: Trong CSS, vùng chọn `*` (vùng chọn phổ quát) được sử dụng để làm gì?

    • A. Chọn phần tử cha trực tiếp.
    • B. Chọn tất cả các phần tử HTML trên trang.
    • C. Chọn phần tử con bất kỳ.
    • D. Chọn phần tử liền kề sau.

    Câu 21: Bạn có hai quy tắc CSS: `p { color: blue; }` và `.highlight { color: red; }`. Nếu một thẻ HTML là `

    ...

    `, màu chữ hiển thị sẽ là gì? (Giả sử không có quy tắc nào khác xung đột và độ ưu tiên chuẩn được áp dụng)

    • A. Màu xanh (blue), vì vùng chọn thẻ có độ ưu tiên cao hơn.
    • B. Màu đỏ (red), vì vùng chọn lớp có độ ưu tiên cao hơn vùng chọn thẻ.
    • C. Màu mặc định của trình duyệt.
    • D. Không xác định được, tùy thuộc vào thứ tự khai báo CSS.

    Câu 22: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Vùng chọn `#main p` sẽ áp dụng kiểu cho những phần tử nào?

    • A. Chỉ đoạn văn "Đoạn 1".
    • B. Chỉ đoạn văn "Đoạn 2".
    • C. Cả hai đoạn văn "Đoạn 1" và "Đoạn 2".
    • D. Chỉ phần tử `div`.

    Câu 23: Tại sao việc sử dụng ID cho các phần tử có thể lặp lại (không duy nhất) trong một trang HTML lại bị coi là không đúng chuẩn?

    • A. Vì ID phải là duy nhất để CSS và JavaScript có thể xác định chính xác một phần tử cụ thể.
    • B. Vì các trình duyệt sẽ không hiển thị nội dung nếu ID bị lặp lại.
    • C. Vì ID chỉ dành cho các phần tử khối (block).
    • D. Vì ID không thể được sử dụng cho mục đích định kiểu CSS.

    Câu 24: Bạn muốn tạo một kiểu CSS chung cho tất cả các nút bấm (`

    Câu 25: Cho đoạn HTML: ``. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho thẻ `` này dựa trên ID của nó?

    • A. #site-logo {}
    • B. .site-logo {}
    • C. img.site-logo {}
    • D. img#site-logo {}

    Câu 26: Bạn có đoạn CSS: `.box { border: 1px solid black; }`. Đoạn HTML nào sau đây sẽ nhận được kiểu đường viền từ quy tắc CSS này?

    • A.
      ...
    • B.

      ...

    • C.

      Box

    • D.
      ...

    Câu 27: Nếu một phần tử HTML có cả thuộc tính `id` và thuộc tính `class`, ví dụ: `

    ...

    `, vùng chọn nào sau đây có độ ưu tiên cao nhất khi định kiểu CHO CHÍNH phần tử này?

    • A. p {}
    • B. #intro {}
    • C. .text {}
    • D. p.text {}

    Câu 28: Bạn muốn tất cả các mục trong danh sách không có thứ tự (`

      `) có màu nền xám nhạt. Vùng chọn nào sau đây là phù hợp nhất?

      • A. .list {}
      • B. #list {}
      • C. ul {}
      • D. li {}

    Câu 29: Cho đoạn CSS: `#special-text { font-weight: bold; }`. Đoạn HTML nào sau đây sẽ hiển thị chữ in đậm?

    • A. Văn bản này
    • B.
      Văn bản này
    • C.

      Văn bản này

    • D.

      special-text

    Câu 30: Bạn có nhiều phần tử `

    ` trên trang, nhưng chỉ muốn định kiểu cho những `

    ` có thuộc tính `class` là `card`. Vùng chọn nào sau đây là đúng?

    • A. #card {}
    • B. div #card {}
    • C. .div.card {}
    • D. div.card {}

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 1: Trong CSS, khái niệm 'vùng chọn' (selector) được hiểu là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 2: Để định kiểu cho TẤT CẢ các phần tử `

    ` (đoạn văn) trong một tài liệu HTML, bạn sẽ sử dụng loại vùng chọn nào?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 3: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ xanh) cho nhiều phần tử HTML khác nhau trên trang, bất kể loại thẻ của chúng là gì. Loại vùng chọn nào phù hợp nhất cho trường hợp này?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 4: Để định kiểu cho một phần tử HTML DUY NHẤT trên trang, chẳng hạn như một logo hoặc thanh điều hướng chính, bạn nên sử dụng loại vùng chọn nào?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 5: Trong CSS, ký hiệu nào được sử dụng để định nghĩa một vùng chọn dựa trên TÊN LỚP (class)?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 6: Trong CSS, ký hiệu nào được sử dụng để định nghĩa một vùng chọn dựa trên GIÁ TRỊ ID (id)?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 7: Thuộc tính `id` của một phần tử HTML trong cùng một tài liệu PHẢI đảm bảo điều kiện nào sau đây?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 8: Cho đoạn mã HTML sau: `

    Đây là đoạn giới thiệu.

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn này?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 9: Cho đoạn mã HTML sau: `

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho phần tử `div` này?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 10: Cho đoạn mã HTML: `

    Tiêu đề chính

    `. Vùng chọn CSS nào sau đây sẽ *chỉ* áp dụng kiểu cho các thẻ `

    ` có lớp `main-title`?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 11: Cho đoạn mã HTML: `

    `. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn này dựa trên ID của nó?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 12: Bạn muốn áp dụng cùng một bộ quy tắc CSS cho cả thẻ `

    ` và thẻ `

    `. Cách viết vùng chọn nào là đúng và hiệu quả nhất?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 13: Cho đoạn HTML: ``. Vùng chọn nào sau đây sẽ *chỉ* chọn các phần tử `

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 14: Giả sử bạn có một thẻ HTML `

    `. Nếu bạn viết CSS là `.sidebar { width: 200px; }`, liệu quy tắc này có được áp dụng cho thẻ `div` trên không? Vì sao?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 15: Bạn có đoạn CSS sau: `#main-content { padding: 20px; }`. Đoạn CSS này sẽ áp dụng kiểu cho phần tử HTML nào?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 16: Ưu điểm chính của việc sử dụng vùng chọn TÊN LỚP so với vùng chọn TÊN THẺ là gì?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 17: Khi nào thì việc sử dụng vùng chọn ID trở nên không phù hợp và nên cân nhắc sử dụng vùng chọn lớp thay thế?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 18: Cho đoạn HTML: `

    `. Vùng chọn nào sau đây sẽ áp dụng kiểu cho thẻ `

    `?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 19: Bạn muốn tất cả các liên kết (``) trong một phần tử có ID là `footer` có màu trắng. Vùng chọn nào sau đây là đúng?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 20: Trong CSS, vùng chọn `*` (vùng chọn phổ quát) được sử dụng để làm gì?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 21: Bạn có hai quy tắc CSS: `p { color: blue; }` và `.highlight { color: red; }`. Nếu một thẻ HTML là `

    ...

    `, màu chữ hiển thị sẽ là gì? (Giả sử không có quy tắc nào khác xung đột và độ ưu tiên chuẩn được áp dụng)

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 22: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Vùng chọn `#main p` sẽ áp dụng kiểu cho những phần tử nào?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 23: Tại sao việc sử dụng ID cho các phần tử có thể lặp lại (không duy nhất) trong một trang HTML lại bị coi là không đúng chuẩn?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 24: Bạn muốn tạo một kiểu CSS chung cho tất cả các nút bấm (`

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 25: Cho đoạn HTML: ``. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho thẻ `` này dựa trên ID của nó?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 26: Bạn có đoạn CSS: `.box { border: 1px solid black; }`. Đoạn HTML nào sau đây sẽ nhận được kiểu đường viền từ quy tắc CSS này?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 27: Nếu một phần tử HTML có cả thuộc tính `id` và thuộc tính `class`, ví dụ: `

    ...

    `, vùng chọn nào sau đây có độ ưu tiên cao nhất khi định kiểu CHO CHÍNH phần tử này?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 28: Bạn muốn tất cả các mục trong danh sách không có thứ tự (`

      `) có màu nền xám nhạt. Vùng chọn nào sau đây là phù hợp nhất?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 29: Cho đoạn CSS: `#special-text { font-weight: bold; }`. Đoạn HTML nào sau đây sẽ hiển thị chữ in đậm?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 4

    Câu 30: Bạn có nhiều phần tử `

    ` trên trang, nhưng chỉ muốn định kiểu cho những `

    ` có thuộc tính `class` là `card`. Vùng chọn nào sau đây là đúng?

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Công nghệ 10 Kết nối tri thức Bài 17: Khái quát về thiết kế kĩ thuật

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 05

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 05 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Bạn muốn áp dụng một bộ quy tắc CSS riêng biệt chỉ cho một phần tử HTML duy nhất trên trang web của mình, ví dụ như phần tử tiêu đề chính. Kỹ thuật định kiểu bằng vùng chọn nào là phù hợp nhất để đảm bảo chỉ phần tử đó bị ảnh hưởng?

    • A. Sử dụng vùng chọn theo tên thẻ (ví dụ: `h1`)
    • B. Sử dụng vùng chọn theo tên lớp (ví dụ: `.main-title`)
    • C. Sử dụng vùng chọn theo giá trị thuộc tính `id` (ví dụ: `#page-title`)
    • D. Sử dụng thuộc tính `style` nội tuyến (inline style)

    Câu 2: Trong CSS, ký hiệu nào được sử dụng đứng trước tên để chỉ định một vùng chọn theo tên lớp (class)?

    • A. .
    • B. #
    • C. *
    • D. :

    Câu 3: Bạn có nhiều đoạn văn bản trên trang web được bao bọc bởi thẻ `

    `. Bạn muốn tất cả các đoạn văn bản này đều có màu chữ xanh. Vùng chọn nào sau đây là cách hiệu quả nhất để định kiểu cho tất cả các thẻ `

    `?

    • A. Tạo một lớp CSS và gán cho từng thẻ `

      `

    • B. Sử dụng thuộc tính `id` cho từng thẻ `

      ` và định kiểu cho từng id

    • C. Sử dụng thuộc tính `style` nội tuyến cho từng thẻ `

      `

    • D. Sử dụng vùng chọn theo tên thẻ `p`

    Câu 4: Thuộc tính `id` trong HTML và vùng chọn `#` trong CSS có đặc điểm quan trọng nào phân biệt nó với thuộc tính `class` và vùng chọn `.`?

    • A. Giá trị `id` có thể được sử dụng lại cho nhiều phần tử trên cùng một trang.
    • B. Giá trị `id` phải là duy nhất trên toàn bộ trang HTML.
    • C. Vùng chọn `#` có độ ưu tiên (specificity) thấp hơn vùng chọn `.`.
    • D. Thuộc tính `id` chỉ áp dụng được cho các phần tử khối (block-level elements).

    Câu 5: Bạn có một danh sách các mục (`

  • `) bên trong một thẻ danh sách không thứ tự (`
      `). Bạn chỉ muốn các mục danh sách có lớp `highlight` có màu nền vàng. Vùng chọn nào sau đây thực hiện được điều này?

      • A. `.highlight`
      • B. `#highlight`
      • C. `li.highlight`
      • D. `ul .highlight`

    • Câu 6: Xét đoạn mã HTML sau: `

  • A. `.text`
  • B. `#container p`
  • C. `#container .text`
  • D. `p`

    • Câu 7: Bạn có một nút bấm `

    Câu 8: Vùng chọn phổ quát (Universal selector), được ký hiệu bằng dấu `*`, có chức năng gì trong CSS?

    • A. Chỉ chọn phần tử gốc của tài liệu (ví dụ: ``)
    • B. Chỉ chọn các phần tử có thuộc tính `class` được gán
    • C. Chọn tất cả các phần tử HTML trên trang
    • D. Chỉ chọn các phần tử con trực tiếp của phần tử cha

    Câu 9: Bạn đang thiết kế một trang web và có một số hình ảnh. Bạn muốn tất cả các hình ảnh có viền màu xám. Vùng chọn nào đơn giản và hiệu quả nhất để áp dụng kiểu viền cho tất cả các thẻ ``?

    • A. `.image` (yêu cầu gán class cho từng ảnh)
    • B. `img`
    • C. `#image` (yêu cầu gán id duy nhất cho từng ảnh)
    • D. `*`

    Câu 10: Xét đoạn mã HTML: `

  • A. `h2.card`
  • B. `.card-title`
  • C. `.card h2`
  • D. `div h2`

    • Câu 11: Bạn có một danh sách các liên kết `` trong menu điều hướng (`

    Câu 12: Khi nào thì việc sử dụng vùng chọn theo tên lớp (`.class-name`) là lựa chọn tốt hơn so với vùng chọn theo tên thẻ (`tag-name`)?

    • A. Khi bạn muốn định kiểu cho tất cả các phần tử cùng loại trên trang.
    • B. Khi bạn muốn đảm bảo chỉ một phần tử duy nhất nhận kiểu đó.
    • C. Khi bạn chỉ cần áp dụng một kiểu đơn giản như màu chữ.
    • D. Khi bạn muốn áp dụng cùng một bộ kiểu cho các phần tử khác loại hoặc một số phần tử cùng loại.

    Câu 13: Vùng chọn `#my-id` và vùng chọn `.my-class` đều được sử dụng để định kiểu. Điểm khác biệt chính về mục đích sử dụng của chúng là gì?

    • A. `#my-id` chỉ dùng cho thẻ `div`, còn `.my-class` dùng cho mọi thẻ.
    • B. `#my-id` áp dụng kiểu cho nhiều phần tử, còn `.my-class` chỉ cho một phần tử.
    • C. `#my-id` dùng để định kiểu cho một phần tử duy nhất, còn `.my-class` dùng cho một nhóm các phần tử.
    • D. `#my-id` có độ ưu tiên thấp hơn `.my-class`.

    Câu 14: Bạn có một bảng (`

    `) và muốn định kiểu cho tất cả các ô dữ liệu (`

    `) bên trong bảng đó. Vùng chọn nào sau đây sẽ chọn tất cả các thẻ `

    		` chỉ khi chúng nằm trong một thẻ `

    `?

    • A. `table td`
    • B. `td table`
    • C. `table, td`
    • D. `td.table`

    Câu 15: Độ ưu tiên (Specificity) của các vùng chọn ảnh hưởng đến việc quy tắc CSS nào được áp dụng khi có nhiều quy tắc mâu thuẫn. Vùng chọn nào sau đây thường có độ ưu tiên cao nhất?

    • A. Vùng chọn theo tên thẻ (ví dụ: `p`)
    • B. Vùng chọn theo tên lớp (ví dụ: `.intro`)
    • C. Vùng chọn phổ quát (ví dụ: `*`)
    • D. Vùng chọn theo ID (ví dụ: `#main-header`)

    Câu 16: Bạn có một danh sách không thứ tự (`

      `) với một số mục danh sách (`

    • `). Bạn muốn mục danh sách đầu tiên trong danh sách đó có màu chữ đặc biệt. Vùng chọn giả lớp (pseudo-class) nào có thể giúp bạn chọn mục đầu tiên này?
      • A. `li:last-child`
      • B. `li:first-child`
      • C. `li:hover`
      • D. `li:visited`

    Câu 17: Xét cấu trúc HTML: `

    Đoạn 1

    Tiêu đề

    Đoạn 2

    `. Bạn muốn chọn thẻ `

    ` liền kề ngay sau thẻ `

    ` đầu tiên. Vùng chọn tổ hợp (combinator) nào bạn sẽ sử dụng?

    • A. `p + h2`
    • B. `p > h2`
    • C. `p h2`
    • D. `p ~ h2`

    Câu 18: Bạn muốn tạo một lớp CSS có tên là `warning` để áp dụng kiểu chữ màu đỏ và in đậm cho bất kỳ phần tử nào cần hiển thị cảnh báo, bất kể đó là đoạn văn (`

    `), thẻ `div`, hay thẻ `span`. Cách khai báo vùng chọn `.warning` nào sau đây là đúng?

    • A. `warning { color: red; font-weight: bold; }`
    • B. `#warning { color: red; font-weight: bold; }`
    • C. `.warning { color: red; font-weight: bold; }`
    • D. `*warning { color: red; font-weight: bold; }`

    Câu 19: Bạn cần định kiểu cho một phần tử `

    ` có cả thuộc tính `id=

    • A. `#sidebar .widget`
    • B. `.widget #sidebar`
    • C. `#sidebar, .widget`
    • D. `#sidebar.widget`

    Câu 20: Vùng chọn `div p` sẽ chọn những phần tử nào?

    • A. Tất cả các thẻ `div` và tất cả các thẻ `p` trên trang.
    • B. Tất cả các thẻ `p` nằm ở bất kỳ cấp độ nào bên trong một thẻ `div`.
    • C. Chỉ các thẻ `p` là con trực tiếp của một thẻ `div`.
    • D. Tất cả các thẻ `div` là con trực tiếp của một thẻ `p`.

    Câu 21: Bạn có một form HTML chứa nhiều trường nhập liệu (``). Bạn muốn các trường nhập liệu có thuộc tính `type=

    • A. `input[type=
    • B. `input.text`
    • C. `input#text`
    • D. `input:text`

    Câu 22: Khi nào bạn nên cân nhắc sử dụng vùng chọn theo tên thẻ kết hợp với tên lớp (ví dụ: `p.intro`) thay vì chỉ dùng tên lớp (`.intro`)?

    • A. Khi bạn muốn áp dụng kiểu cho tất cả các phần tử trên trang.
    • B. Khi bạn muốn đảm bảo lớp đó chỉ được áp dụng cho một phần tử duy nhất.
    • C. Khi bạn muốn áp dụng kiểu cho một lớp cụ thể nhưng chỉ khi lớp đó được gán cho một loại thẻ nhất định (ví dụ: lớp `intro` chỉ có ý nghĩa đặc biệt khi gán cho thẻ `

      `).

    • D. Khi bạn muốn vùng chọn có độ ưu tiên thấp hơn.

    Câu 23: Vùng chọn `div > p` sẽ chọn những phần tử nào?

    • A. Tất cả các thẻ `p` nằm ở bất kỳ cấp độ nào bên trong một thẻ `div`.
    • B. Tất cả các thẻ `div` nằm ở bất kỳ cấp độ nào bên trong một thẻ `p`.
    • C. Tất cả các thẻ `div` và tất cả các thẻ `p` trên trang.
    • D. Chỉ các thẻ `p` là con trực tiếp (immediate child) của một thẻ `div`.

    Câu 24: Bạn có một đoạn văn bản `

    ` và một hình ảnh `` ngay sau nó. Bạn muốn thêm một khoảng trống trên cùng cho hình ảnh chỉ khi nó đứng ngay sau một đoạn văn. Vùng chọn tổ hợp nào phù hợp cho tình huống này?

    • A. `p + img`
    • B. `p img`
    • C. `img + p`
    • D. `img p`

    Câu 25: Xét đoạn mã HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho tất cả các thẻ `

    ` nằm bên trong thẻ `

    `, mà các thẻ `

    ` này lại nằm bên trong thẻ `

    `. Vùng chọn nào sau đây thể hiện đúng cấu trúc phân cấp này?

    • A. `p article section`
    • B. `section article p`
    • C. `section > article > p`
    • D. `section, article, p`

    Câu 26: Bạn có một danh sách các mục (`

  • `) và muốn áp dụng một kiểu đặc biệt cho các mục chẵn trong danh sách (ví dụ: mục thứ 2, thứ 4, v.v.). Vùng chọn giả lớp nào có thể được sử dụng?
    • A. `li:first-child`
    • B. `li:last-child`
    • C. `li:nth-child(even)`
    • D. `li:only-child`

    • Câu 27: Vùng chọn kết hợp nào sau đây có độ ưu tiên (specificity) cao hơn so với vùng chọn chỉ theo tên lớp (`.class`)?

    • A. `p`
    • B. `*`
    • C. `div p`
    • D. `div.my-class`

    Câu 28: Bạn có một trang web với nhiều phần tử `

    `. Bạn muốn chỉ phần tử `div` có thuộc tính `data-type=

    • A. `div.data-type=
    • B. `div[data-type=
    • C. `div#data-type=
    • D. `div:data-type(info)`

    Câu 29: Giải thích nào sau đây mô tả đúng nhất lợi ích của việc sử dụng các kỹ thuật định kiểu bằng vùng chọn trong CSS thay vì chỉ sử dụng thuộc tính `style` nội tuyến cho từng phần tử?

    • A. Giúp quản lý kiểu dáng tập trung, dễ dàng cập nhật và tái sử dụng quy tắc CSS cho nhiều phần tử, làm mã nguồn gọn gàng và dễ bảo trì hơn.
    • B. Thuộc tính `style` nội tuyến có độ ưu tiên thấp hơn, giúp tránh xung đột kiểu dáng.
    • C. Sử dụng vùng chọn cho phép tạo ra các kiểu dáng động dựa trên tương tác của người dùng (ví dụ: khi di chuột).
    • D. Chỉ có vùng chọn mới có thể áp dụng kiểu cho các phần tử lồng nhau.

    Câu 30: Bạn có một cấu trúc HTML phức tạp và muốn áp dụng kiểu cho thẻ `` chỉ khi nó là phần tử con trực tiếp của một thẻ `

    `. Vùng chọn nào sau đây là chính xác?

    • A. `p span`
    • B. `span p`
    • C. `p ~ span`
    • D. `p > span`

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 1: Bạn muốn áp dụng một bộ quy tắc CSS riêng biệt chỉ cho một phần tử HTML duy nhất trên trang web của mình, ví dụ như phần tử tiêu đề chính. Kỹ thuật định kiểu bằng vùng chọn nào là phù hợp nhất để đảm bảo chỉ phần tử đó bị ảnh hưởng?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 2: Trong CSS, ký hiệu nào được sử dụng đứng trước tên để chỉ định một vùng chọn theo tên lớp (class)?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 3: Bạn có nhiều đoạn văn bản trên trang web được bao bọc bởi thẻ `

    `. Bạn muốn tất cả các đoạn văn bản này đều có màu chữ xanh. Vùng chọn nào sau đây là cách hiệu quả nhất để định kiểu cho tất cả các thẻ `

    `?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 4: Thuộc tính `id` trong HTML và vùng chọn `#` trong CSS có đặc điểm quan trọng nào phân biệt nó với thuộc tính `class` và vùng chọn `.`?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 5: Bạn có một danh sách các mục (`

  • `) bên trong một thẻ danh sách không thứ tự (`
      `). Bạn chỉ muốn các mục danh sách có lớp `highlight` có màu nền vàng. Vùng chọn nào sau đây thực hiện được điều này?

    • 6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 6: Xét đoạn mã HTML sau: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho cả hai đoạn văn bản bên trong `div` có id là `container`. Vùng chọn nào sau đây không phải là cách hiệu quả nhất để làm điều đó?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 7: Bạn có một nút bấm `

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 8: Vùng chọn phổ quát (Universal selector), được ký hiệu bằng dấu `*`, có chức năng gì trong CSS?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 9: Bạn đang thiết kế một trang web và có một số hình ảnh. Bạn muốn tất cả các hình ảnh có viền màu xám. Vùng chọn nào đơn giản và hiệu quả nhất để áp dụng kiểu viền cho tất cả các thẻ ``?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 10: Xét đoạn mã HTML: `

    Tiêu đề

    Nội dung

    `. Bạn muốn định kiểu cho thẻ `

    ` *chỉ khi nó nằm bên trong* một phần tử có lớp `card`. Vùng chọn nào sau đây thể hiện mối quan hệ này?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 11: Bạn có một danh sách các liên kết `` trong menu điều hướng (`

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 12: Khi nào thì việc sử dụng vùng chọn theo tên lớp (`.class-name`) là lựa chọn tốt hơn so với vùng chọn theo tên thẻ (`tag-name`)?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 13: Vùng chọn `#my-id` và vùng chọn `.my-class` đều được sử dụng để định kiểu. Điểm khác biệt chính về *mục đích sử dụng* của chúng là gì?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 14: Bạn có một bảng (`

    `) và muốn định kiểu cho tất cả các ô dữ liệu (`

    `) bên trong bảng đó. Vùng chọn nào sau đây sẽ chọn tất cả các thẻ `

    		` *chỉ khi* chúng nằm trong một thẻ `

    `?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 15: Độ ưu tiên (Specificity) của các vùng chọn ảnh hưởng đến việc quy tắc CSS nào được áp dụng khi có nhiều quy tắc mâu thuẫn. Vùng chọn nào sau đây thường có độ ưu tiên cao nhất?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 16: Bạn có một danh sách không thứ tự (`

      `) với một số mục danh sách (`

    • `). Bạn muốn mục danh sách *đầu tiên* trong danh sách đó có màu chữ đặc biệt. Vùng chọn giả lớp (pseudo-class) nào có thể giúp bạn chọn mục đầu tiên này?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 17: Xét cấu trúc HTML: `

    Đoạn 1

    Tiêu đề

    Đoạn 2

    `. Bạn muốn chọn thẻ `

    ` *liền kề ngay sau* thẻ `

    ` đ??u tiên. Vùng chọn tổ hợp (combinator) nào bạn sẽ sử dụng?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 18: Bạn muốn tạo một lớp CSS có tên là `warning` để áp dụng kiểu chữ màu đỏ và in đậm cho bất kỳ phần tử nào cần hiển thị cảnh báo, bất kể đó là đoạn văn (`

    `), thẻ `div`, hay thẻ `span`. Cách khai báo vùng chọn `.warning` nào sau đây là đúng?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 19: Bạn cần định kiểu cho một phần tử `

    ` có cả thuộc tính `id="sidebar"` và thuộc tính `class="widget"`. Vùng chọn nào sau đây sẽ nhắm mục tiêu chính xác phần tử đó?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 20: Vùng chọn `div p` sẽ chọn những phần tử nào?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 21: Bạn có một form HTML chứa nhiều trường nhập liệu (``). Bạn muốn các trường nhập liệu có thuộc tính `type="text"` có viền khác với các trường nhập liệu khác (ví dụ: type="submit"). Vùng chọn thuộc tính (attribute selector) nào có thể giúp bạn?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 22: Khi nào bạn nên cân nhắc sử dụng vùng chọn theo tên thẻ kết hợp với tên lớp (ví dụ: `p.intro`) thay vì chỉ dùng tên lớp (`.intro`)?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 23: Vùng chọn `div > p` sẽ chọn những phần tử nào?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 24: Bạn có một đoạn văn bản `

    ` và một hình ảnh `` ngay sau nó. Bạn muốn thêm một khoảng trống trên cùng cho hình ảnh *chỉ khi nó đứng ngay sau* một đoạn văn. Vùng chọn tổ hợp nào phù hợp cho tình huống này?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 25: Xét đoạn mã HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho tất cả các thẻ `

    ` nằm bên trong thẻ `

    `, mà các thẻ `

    ` này lại nằm bên trong thẻ `

    `. Vùng chọn nào sau đây thể hiện đúng cấu trúc phân cấp này?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 26: Bạn có một danh sách các mục (`

  • `) và muốn áp dụng một kiểu đặc biệt cho các mục *chẵn* trong danh sách (ví dụ: mục thứ 2, thứ 4, v.v.). Vùng chọn giả lớp nào có thể được sử dụng?

    • 27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 27: Vùng chọn kết hợp nào sau đây có độ ưu tiên (specificity) cao hơn so với vùng chọn chỉ theo tên lớp (`.class`)?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 28: Bạn có một trang web với nhiều phần tử `

    `. Bạn muốn chỉ phần tử `div` có thuộc tính `data-type="info"` có màu nền xanh. Vùng chọn thuộc tính nào sau đây thực hiện đúng yêu cầu này?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 29: Giải thích nào sau đây mô tả đúng nhất lợi ích của việc sử dụng các kỹ thuật định kiểu bằng vùng chọn trong CSS thay vì chỉ sử dụng thuộc tính `style` nội tuyến cho từng phần tử?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 5

    Câu 30: Bạn có một cấu trúc HTML phức tạp và muốn áp dụng kiểu cho thẻ `` *chỉ khi nó là phần tử con trực tiếp* của một thẻ `

    `. Vùng chọn nào sau đây là chính xác?

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 06

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 06 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, thuật ngữ nào được sử dụng để chỉ định (lựa chọn) phần tử HTML mà quy tắc định kiểu sẽ được áp dụng?

    • A. Property
    • B. Selector
    • C. Declaration
    • D. Value

    Câu 2: Bạn muốn định kiểu cho TẤT CẢ các đoạn văn bản (`

    `) trong trang web của mình. Vùng chọn CSS nào phù hợp nhất để thực hiện điều này một cách hiệu quả?

    • A. p
    • B. .p
    • C. #p
    • D. * p

    Câu 3: Bạn có nhiều phần tử HTML (ví dụ: một số `

    `, một số `

    `) mà bạn muốn áp dụng cùng một bộ quy tắc định kiểu (ví dụ: màu nền xanh nhạt, chữ in nghiêng). Loại vùng chọn nào là lựa chọn tốt nhất để nhóm các phần tử này lại và định kiểu cho chúng?

    • A. Vùng chọn tên thẻ (element selector)
    • B. Vùng chọn ID (ID selector)
    • C. Vùng chọn lớp (class selector)
    • D. Vùng chọn chung (universal selector)

    Câu 4: Trong CSS, ký hiệu nào được sử dụng để chỉ định một vùng chọn lớp (class selector)?

    • A. .
    • B. #
    • C. *
    • D. :

    Câu 5: Bạn có một phần tử `

    ` duy nhất trong trang web được gán thuộc tính `id=

    • A. .main-title
    • B. h1.main-title
    • C. h1
    • D. #main-title

    Câu 6: Trong CSS, ký hiệu nào được sử dụng để chỉ định một vùng chọn ID (ID selector)?

    • A. .
    • B. #
    • C. &
    • D. @

    Câu 7: Giả sử bạn có đoạn mã HTML sau: `

  • A. p { color: blue; }
  • B. #intro { color: blue; }
  • C. .intro { color: blue; }
  • D. p.intro { color: blue; }

    • Câu 8: Thuộc tính `id` trong HTML nên được sử dụng như thế nào trong cùng một trang web?

    • A. Mỗi giá trị id phải là duy nhất trong toàn bộ trang.
    • B. Nhiều phần tử có thể có cùng một giá trị id.
    • C. ID chỉ có thể được áp dụng cho các phần tử cùng loại.
    • D. ID chỉ được sử dụng cho mục đích JavaScript, không phải CSS.

    Câu 9: Thuộc tính `class` trong HTML nên được sử dụng như thế nào?

    • A. Mỗi giá trị class phải là duy nhất trong toàn bộ trang.
    • B. Chỉ một lớp duy nhất có thể được gán cho mỗi phần tử.
    • C. Class chỉ có thể được áp dụng cho các phần tử cùng loại.
    • D. Nhiều phần tử có thể có cùng một giá trị class, và một phần tử có thể có nhiều lớp.

    Câu 10: Bạn muốn chọn TẤT CẢ các phần tử trong trang HTML của mình để áp dụng một kiểu mặc định (ví dụ: đặt lại margin và padding). Vùng chọn CSS nào sẽ chọn tất cả các phần tử?

    • A. all
    • B. *
    • C. html, body
    • D. element

    Câu 11: Giả sử bạn có cấu trúc HTML `

  • A. .container p
  • B. div p
  • C. .container > p
  • D. p.container

    • Câu 12: Loại vùng chọn nào có độ ưu tiên (specificity) cao nhất trong các vùng chọn cơ bản (tên thẻ, lớp, ID), giả sử không có `!important`?

    • A. Vùng chọn tên thẻ (element selector)
    • B. Vùng chọn lớp (class selector)
    • C. Vùng chọn ID (ID selector)
    • D. Vùng chọn chung (universal selector)

    Câu 13: Bạn có nhiều phần tử `

  • ` trong một danh sách. Một số mục danh sách được đánh dấu là quan trọng bằng cách thêm `class=
    • A. li .important
    • B. #important
    • C. .li.important
    • D. li.important

    • Câu 14: Mục đích chính của việc sử dụng vùng chọn lớp (class selector) thay vì chỉ dùng vùng chọn tên thẻ (element selector) là gì?

    • A. Cho phép áp dụng cùng một kiểu cho nhiều phần tử khác loại hoặc chỉ một tập hợp con của các phần tử cùng loại.
    • B. Đảm bảo rằng kiểu chỉ được áp dụng cho một phần tử duy nhất trong trang.
    • C. Tăng tốc độ tải trang web.
    • D. Giúp xác định cấu trúc phân cấp của tài liệu HTML.

    Câu 15: Bạn có đoạn HTML: `

  • A. #sidebar *
  • B. .sidebar *
  • C. #sidebar > *
  • D. * #sidebar

    • Câu 16: Vùng chọn

    • A. Chỉ các phần tử `

      ` là con trực tiếp của phần tử `

      `.
    • B. Chỉ các phần tử `
      ` là con của phần tử `

      `.

    • C. Tất cả các phần tử `
      ` và tất cả các phần tử `

      ` trong trang.

    • D. Tất cả các phần tử `

      ` nằm bên trong (là con hoặc cháu) của phần tử `

      `.

    Câu 17: Vùng chọn

    • A. Chỉ các phần tử `

      ` là con trực tiếp của phần tử `

      `.
    • B. Tất cả các phần tử `

      ` nằm bên trong (là con hoặc cháu) của phần tử `

      `.
    • C. Chỉ phần tử `
      ` đầu tiên có chứa ít nhất một phần tử `

      `.

    • D. Tất cả các phần tử `
      ` và tất cả các phần tử `

      ` trong trang.

    Câu 18: Bạn có một menu điều hướng được đặt trong một phần tử `

    Câu 19: Để áp dụng cùng một tập hợp các quy tắc CSS cho nhiều vùng chọn khác nhau (ví dụ: cho cả `

    `, `

    ` và `.subtitle`), bạn có thể nhóm các vùng chọn này lại. Ký hiệu nào được sử dụng để phân tách các vùng chọn khi nhóm?

    • A. +
    • B. >
    • D. ,

    Câu 20: Giả sử bạn có CSS: `.box { border: 1px solid black; }` và `

  • A. Một đường viền đen 1px.
  • B. Không có kiểu nào được áp dụng vì thiếu tên thẻ.
  • C. Chỉ áp dụng nếu `div` là con của một phần tử khác.
  • D. Chỉ áp dụng nếu `div` có id là

    • Câu 21: Bạn có đoạn HTML: `

    Câu 22: Sự khác biệt cốt lõi giữa vùng chọn ID và vùng chọn lớp là gì?

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 07

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 07 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, "vùng chọn" (selector) có vai trò chính là gì?

    • A. Định nghĩa các thuộc tính kiểu mới.
    • B. Chỉ định (chọn) phần tử HTML để áp dụng kiểu.
    • C. Kiểm tra cú pháp của mã HTML.
    • D. Tạo ra các hiệu ứng động cho trang web.

    Câu 2: Để chọn tất cả các phần tử HTML có cùng tên thẻ (ví dụ: tất cả các đoạn văn `

    `), bạn sử dụng loại vùng chọn nào?

    • A. Vùng chọn tên thẻ (Type selector).
    • B. Vùng chọn lớp (Class selector).
    • C. Vùng chọn ID (ID selector).
    • D. Vùng chọn phổ quát (Universal selector).

    Câu 3: Cú pháp đúng để tạo vùng chọn lớp (class selector) trong CSS là gì?

    • A. #ten-lop
    • B. ten-lop
    • C. .ten-lop
    • D. *ten-lop

    Câu 4: Cú pháp đúng để tạo vùng chọn ID (ID selector) trong CSS là gì?

    • A. .ten-id
    • B. #ten-id
    • C. ten-id
    • D. &ten-id

    Câu 5: Thuộc tính `id` trong HTML được sử dụng để định danh cho một phần tử HTML. Giá trị của thuộc tính `id` trong cùng một trang web phải tuân thủ quy tắc nào?

    • A. Phải là duy nhất trong toàn bộ tài liệu HTML.
    • B. Có thể trùng lặp giữa các phần tử khác loại.
    • C. Có thể trùng lặp giữa các phần tử cùng loại.
    • D. Không có quy tắc cụ thể nào.

    Câu 6: Bạn có một số phần tử HTML khác nhau (ví dụ: một thẻ <div>, một thẻ <p>, một thẻ <img>) mà bạn muốn áp dụng cùng một tập hợp các quy tắc định kiểu. Loại vùng chọn nào là phù hợp và hiệu quả nhất trong trường hợp này?

    • A. Vùng chọn tên thẻ.
    • B. Vùng chọn ID.
    • C. Vùng chọn lớp.
    • D. Vùng chọn phổ quát.

    Câu 7: Xem xét đoạn mã HTML sau: <p class=

    • A. .gioi-thieu
    • B. #gioi-thieu
    • C. p
    • D. p#gioi-thieu

    Câu 8: Xem xét đoạn mã HTML sau: <div id=

    • A. .noi-dung-chinh
    • B. #noi-dung-chinh
    • C. div
    • D. div.noi-dung-chinh

    Câu 9: Bạn muốn áp dụng cùng một màu chữ cho tất cả các tiêu đề cấp 1 (<h1>) và tiêu đề cấp 2 (<h2>) trên trang. Cú pháp CSS nào sau đây là đúng và hiệu quả nhất?

    • A. h1 h2 { color: blue; }
    • B. h1-h2 { color: blue; }
    • C. h1.h2 { color: blue; }
    • D. h1, h2 { color: blue; }

    Câu 10: Vùng chọn con cháu (descendant selector) được tạo bằng cách đặt một khoảng trống giữa hai vùng chọn. Vùng chọn `div p` sẽ chọn những phần tử nào?

    • A. Tất cả các phần tử <div> và tất cả các phần tử <p>.
    • B. Chỉ phần tử <p> đứng ngay sau phần tử <div>.
    • C. Tất cả các phần tử <p> nằm bên trong (là con cháu của) phần tử <div>.
    • D. Chỉ phần tử <div> nằm bên trong phần tử <p>.

    Câu 11: Xem xét đoạn mã HTML: <div><p>Đoạn 1</p></div><p>Đoạn 2</p>. Nếu áp dụng quy tắc CSS `div p { color: red; }`, đoạn văn nào sẽ có màu đỏ?

    • A. Chỉ
    • B. Chỉ
    • C. Cả
    • D. Không có đoạn văn nào có màu đỏ.

    Câu 12: Vùng chọn ID có độ "đặc hiệu" (specificity) như thế nào so với vùng chọn lớp và vùng chọn tên thẻ?

    • A. Thấp hơn vùng chọn tên thẻ và vùng chọn lớp.
    • B. Thấp hơn vùng chọn lớp nhưng cao hơn vùng chọn tên thẻ.
    • C. Cao hơn vùng chọn lớp nhưng thấp hơn vùng chọn tên thẻ.
    • D. Cao hơn vùng chọn lớp và vùng chọn tên thẻ.

    Câu 13: Nếu một phần tử HTML có cả `class` và `id`, và có hai quy tắc CSS mâu thuẫn nhau áp dụng cho nó, một sử dụng vùng chọn lớp và một sử dụng vùng chọn ID, quy tắc nào sẽ được ưu tiên áp dụng?

    • A. Quy tắc sử dụng vùng chọn lớp.
    • B. Quy tắc sử dụng vùng chọn ID.
    • C. Quy tắc được viết sau trong file CSS.
    • D. Quy tắc được viết trước trong file CSS.

    Câu 14: Bạn có một thẻ <button class=

    • A. .nut
    • B. .an
    • C. .nut.an
    • D. #nut

    Câu 15: Để chọn một phần tử <span> cụ thể có lớp là `noi-bat`, bạn viết vùng chọn CSS như thế nào?

    • A. .noi-bat span
    • B. #noi-bat span
    • C. span.noi-bat
    • D. span #noi-bat

    Câu 16: Bạn có một danh sách không thứ tự (<ul>) chứa các mục danh sách (<li>). Bạn muốn định kiểu riêng cho các mục danh sách chỉ khi chúng nằm trong thẻ <ul>. Vùng chọn nào là phù hợp?

    • A. ul li
    • B. ul, li
    • C. ul > li
    • D. .ul .li

    Câu 17: Vùng chọn phổ quát (Universal selector), ký hiệu là `*`, dùng để làm gì?

    • A. Chọn phần tử đầu tiên trên trang.
    • B. Chọn phần tử cuối cùng trên trang.
    • C. Chọn phần tử cha của một vùng chọn khác.
    • D. Chọn tất cả các phần tử HTML trên trang.

    Câu 18: Bạn cần định kiểu một nút bấm duy nhất trên trang thanh toán có ID là `nut-thanh-toan`. Vùng chọn nào sau đây có độ đặc hiệu cao nhất để đảm bảo kiểu được áp dụng chính xác cho nút này?

    • A. .nut-thanh-toan
    • B. button
    • C. button.nut-thanh-toan
    • D. button#nut-thanh-toan

    Câu 19: Nếu bạn có quy tắc CSS `p { font-size: 16px; }` và `.small-text { font-size: 12px; }`. Một đoạn văn HTML là <p class=

    • A. 12px
    • B. 16px
    • C. Không xác định, tùy trình duyệt.
    • D. Cả hai kiểu đều áp dụng, kết quả không rõ ràng.

    Câu 20: Giả sử bạn có cấu trúc HTML <div class=

    • A. p
    • B. #container p
    • C. .container p
    • D. div.p

    Câu 21: Bạn muốn áp dụng một viền đặc biệt cho một hình ảnh duy nhất trên trang web có ID là `anh-dai-dien`. Vùng chọn nào là chính xác để làm điều này?

    • A. .anh-dai-dien
    • B. #anh-dai-dien
    • C. img.anh-dai-dien
    • D. img #anh-dai-dien

    Câu 22: Khi nào thì việc sử dụng vùng chọn tên thẻ (`p`, `h1`, `div`, ...) là lựa chọn phù hợp nhất?

    • A. Khi bạn muốn định kiểu cho một phần tử duy nhất.
    • B. Khi bạn muốn định kiểu cho một nhóm các phần tử khác loại.
    • C. Khi bạn muốn định kiểu cho các phần tử dựa trên vị trí của chúng.
    • D. Khi bạn muốn áp dụng kiểu mặc định cho tất cả các phần tử cùng loại trên trang.

    Câu 23: Sự khác biệt cơ bản giữa vùng chọn lớp và vùng chọn ID là gì?

    • A. ID được dùng cho một phần tử duy nhất, lớp có thể dùng cho nhiều phần tử.
    • B. ID có độ đặc hiệu thấp hơn lớp.
    • C. Lớp chỉ dùng cho phần tử cùng loại, ID dùng cho phần tử khác loại.
    • D. Lớp bắt đầu bằng #, ID bắt đầu bằng .

    Câu 24: Xem xét quy tắc CSS `.menu-item { color: black; }` và `li { color: gray; }`. Một mục danh sách HTML là <li class=

    • A. Gray.
    • B. Không có màu nào được áp dụng.
    • C. Black.
    • D. Kết hợp cả hai màu (không có thật).

    Câu 25: Bạn có một thẻ <a href=

    • A. .nut .dong
    • B. .nut, .dong
    • C. #nut-dong
    • D. .nut.dong

    Câu 26: Để chọn tất cả các phần tử <img> nằm bên trong một phần tử có ID là `gallery`, bạn sử dụng vùng chọn nào?

    • A. .gallery img
    • B. #gallery img
    • C. img #gallery
    • D. img.gallery

    Câu 27: Vùng chọn nào có độ đặc hiệu cao nhất trong các lựa chọn sau?

    • A. #header
    • B. .nav
    • C. li
    • D. *

    Câu 28: Mục đích của việc nhóm các vùng chọn bằng dấu phẩy (,) là gì?

    • A. Để tạo ra vùng chọn con cháu.
    • B. Để tăng độ đặc hiệu của vùng chọn.
    • C. Để áp dụng cùng một tập hợp kiểu cho nhiều vùng chọn khác nhau.
    • D. Để chọn phần tử dựa trên thuộc tính của nó.

    Câu 29: Bạn có một cấu trúc HTML như sau: <nav><ul><li><a href=

    • A. nav a
    • B. nav, a
    • C. nav > a
    • D. a.nav

    Câu 30: Khi thiết kế một trang web, bạn có nhiều khối nội dung độc lập cần có cùng kiểu nền và đường viền. Kỹ thuật định kiểu nào sử dụng vùng chọn là phù hợp nhất?

    • A. Sử dụng thuộc tính `style` trực tiếp trong mỗi thẻ HTML.
    • B. Tạo một lớp CSS với các kiểu mong muốn và gán lớp đó cho mỗi khối nội dung.
    • C. Sử dụng vùng chọn ID cho mỗi khối nội dung.
    • D. Sử dụng vùng chọn tên thẻ nếu tất cả các khối nội dung là cùng một loại thẻ (ví dụ: tất cả đều là `div`).

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 1: Trong CSS, 'vùng chọn' (selector) có vai trò chính là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 2: Để chọn tất cả các phần tử HTML có cùng tên thẻ (ví dụ: tất cả các đoạn văn `

    `), bạn sử dụng loại vùng chọn nào?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 3: Cú pháp đúng để tạo vùng chọn lớp (class selector) trong CSS là gì?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 4: Cú pháp đúng để tạo vùng chọn ID (ID selector) trong CSS là gì?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 5: Thuộc tính `id` trong HTML được sử dụng để định danh cho một phần tử HTML. Giá trị của thuộc tính `id` trong cùng một trang web phải tuân thủ quy tắc nào?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 6: Bạn có một số phần tử HTML khác nhau (ví dụ: một thẻ

    , một thẻ

    , một thẻ ) mà bạn muốn áp dụng cùng một tập hợp các quy tắc định kiểu. Loại vùng chọn nào là phù hợp và hiệu quả nhất trong trường hợp này?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 7: Xem xét đoạn mã HTML sau:

    Đây là đoạn giới thiệu.

    . Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn này?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 8: Xem xét đoạn mã HTML sau:

    Nội dung chính.

    . Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho phần tử

    này?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 9: Bạn muốn áp dụng cùng một màu chữ cho tất cả các tiêu đề cấp 1 (

    ) và tiêu đề cấp 2 (

    ) trên trang. Cú pháp CSS nào sau đây là đúng và hiệu quả nhất?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 10: Vùng chọn con cháu (descendant selector) được tạo bằng cách đặt một khoảng trống giữa hai vùng chọn. Vùng chọn `div p` sẽ chọn những phần tử nào?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 11: Xem xét đoạn mã HTML:

    Đoạn 1

    Đoạn 2

    . Nếu áp dụng quy tắc CSS `div p { color: red; }`, đoạn văn nào sẽ có màu đỏ?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 12: Vùng chọn ID có độ 'đặc hiệu' (specificity) như thế nào so với vùng chọn lớp và vùng chọn tên thẻ?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 13: Nếu một phần tử HTML có cả `class` và `id`, và có hai quy tắc CSS mâu thuẫn nhau áp dụng cho nó, một sử dụng vùng chọn lớp và một sử dụng vùng chọn ID, quy tắc nào sẽ được ưu tiên áp dụng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 14: Bạn có một thẻ . Vùng chọn CSS nào sau đây sẽ *không* áp dụng kiểu cho thẻ button này?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 15: Để chọn một phần tử cụ thể có lớp là `noi-bat`, bạn viết vùng chọn CSS như thế nào?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 16: Bạn có một danh sách không thứ tự (

      ) chứa các mục danh sách (

    • ). Bạn muốn định kiểu riêng cho các mục danh sách *chỉ khi* chúng nằm trong thẻ
        . Vùng chọn nào là phù hợp?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 17: Vùng chọn phổ quát (Universal selector), ký hiệu là `*`, dùng để làm gì?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 18: Bạn cần định kiểu một nút bấm duy nhất trên trang thanh toán có ID là `nut-thanh-toan`. Vùng chọn nào sau đây có độ đặc hiệu cao nhất để đảm bảo kiểu được áp dụng chính xác cho nút này?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 19: Nếu bạn có quy tắc CSS `p { font-size: 16px; }` và `.small-text { font-size: 12px; }`. Một đoạn văn HTML là

    Văn bản

    . Kích thước chữ hiển thị sẽ là bao nhiêu?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 20: Giả sử bạn có cấu trúc HTML

    Đoạn văn.

    . Vùng chọn CSS nào sau đây *chỉ* chọn thẻ

    này?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 21: Bạn muốn áp dụng một viền đặc biệt cho một hình ảnh duy nhất trên trang web có ID là `anh-dai-dien`. Vùng chọn nào là chính xác để làm điều này?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 22: Khi nào thì việc sử dụng vùng chọn tên thẻ (`p`, `h1`, `div`, ...) là lựa chọn phù hợp nhất?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 23: Sự khác biệt cơ bản giữa vùng chọn lớp và vùng chọn ID là gì?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 24: Xem xét quy tắc CSS `.menu-item { color: black; }` và `li { color: gray; }`. Một mục danh sách HTML là

  • Trang chủ

    • . Màu chữ hiển thị sẽ là gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 25: Bạn có một thẻ Đóng. Vùng chọn CSS nào sau đây sẽ áp dụng kiểu cho thẻ này?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 26: Để chọn tất cả các phần tử nằm bên trong một phần tử có ID là `gallery`, bạn sử dụng vùng chọn nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 27: Vùng chọn nào có độ đặc hiệu cao nhất trong các lựa chọn sau?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 28: Mục đích của việc nhóm các vùng chọn bằng dấu phẩy (,) là gì?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 29: Bạn có một cấu trúc HTML như sau:

    . Vùng chọn CSS nào sau đây sẽ chọn thẻ ?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 7

    Câu 30: Khi thiết kế một trang web, bạn có nhiều khối nội dung độc lập cần có cùng kiểu nền và đường viền. Kỹ thuật định kiểu nào sử dụng vùng chọn là phù hợp nhất?

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 08

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 08 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, thuật ngữ nào sau đây dùng để chỉ định (chọn) các phần tử HTML mà quy tắc CSS sẽ được áp dụng?

    • A. Vùng chọn (Selector)
    • B. Thuộc tính (Property)
    • C. Giá trị (Value)
    • D. Khai báo (Declaration)

    Câu 2: Để áp dụng cùng một kiểu cho tất cả các đoạn văn bản được định nghĩa bằng thẻ `

    `, bạn sẽ sử dụng vùng chọn nào trong CSS?

    • A. .p
    • B. #p
    • C. p
    • D. *p

    Câu 3: Cho đoạn mã HTML sau: `

  • A. #tieu-de
  • B. .tieu-de
  • C. h1.tieu-de
  • D. class=

    • Câu 4: Cho đoạn mã HTML sau: `

  • A. .khu-vuc-chinh
  • B. div#khu-vuc-chinh
  • C. id=
  • D. #khu-vuc-chinh

    • Câu 5: Điểm khác biệt cơ bản giữa vùng chọn lớp (Class selector) và vùng chọn ID (ID selector) trong CSS là gì?

    • A. Vùng chọn lớp chỉ áp dụng cho thẻ `
      `, vùng chọn ID áp dụng cho mọi thẻ.
    • B. Vùng chọn lớp ưu tiên hơn vùng chọn ID khi áp dụng kiểu.
    • C. Vùng chọn ID chỉ nên áp dụng cho một phần tử duy nhất, vùng chọn lớp có thể áp dụng cho nhiều phần tử.
    • D. Vùng chọn lớp sử dụng dấu #, vùng chọn ID sử dụng dấu .

    Câu 6: Bạn có hai tiêu đề: `

    Tiêu đề 1

    ` và `

    Tiêu đề 2

    `. Bạn muốn áp dụng cùng một quy tắc định kiểu (ví dụ: màu chữ xanh) cho cả hai. Vùng chọn nào hiệu quả nhất để làm điều này?

    • A. h1, h2
    • B. h1 h2
    • C. h1 + h2
    • D. .heading

    Câu 7: Cho cấu trúc HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho đoạn văn bản nằm bên trong thẻ `

    ` (Đoạn 1). Vùng chọn nào sau đây sẽ chọn đúng phần tử đó?

    • A. div + p
    • B. div p
    • C. div > p
    • D. p

    Câu 8: Cho cấu trúc HTML: `

    • Mục 1
    • Mục 2

    `. Bạn muốn định kiểu cho tất cả các mục danh sách (`

  • `) nằm trực tiếp bên trong thẻ `
      `. Vùng chọn nào sau đây sẽ chọn đúng các phần tử đó?

      • A. ul li
      • B. li
      • C. ul + li
      • D. ul > li

    • Câu 9: Vùng chọn phổ quát (Universal selector) trong CSS được biểu diễn bằng ký hiệu nào và dùng để làm gì?

    • A. * - Chọn tất cả các phần tử HTML.
    • B. . - Chọn tất cả các phần tử có lớp.
    • C. # - Chọn tất cả các phần tử có ID.
    • D. html - Chỉ chọn thẻ html gốc.

    Câu 10: Bạn muốn định kiểu cho tất cả các thẻ `` (liên kết) chỉ khi chúng nằm bên trong một thẻ `

    ` có lớp là `menu`. Vùng chọn kết hợp nào sau đây sẽ đạt được điều này?

    • A. div.menu > a
    • B. .menu a
    • C. a.menu
    • D. #menu a

    Câu 11: Cho đoạn mã CSS: `.noi-bat { color: red; }`. Đoạn mã này sẽ áp dụng màu chữ đỏ cho những phần tử HTML nào?

    • A. Tất cả các thẻ có tên là `noi-bat`.
    • B. Chỉ một phần tử duy nhất có ID là `noi-bat`.
    • C. Tất cả các phần tử có thuộc tính `class=
    • D. Chỉ các thẻ `
      ` có lớp là `noi-bat`.

    Câu 12: Bạn có một danh sách (`

      `) và muốn định kiểu cho mục danh sách đầu tiên (`

    • `). Vùng chọn giả lớp (pseudo-class) nào sau đây có thể giúp bạn?
      • A. li:first-child
      • B. li:last-child
      • C. li:hover
      • D. li:nth-child(1)

    Câu 13: Giả sử bạn có nhiều thẻ `` trên trang. Bạn muốn định kiểu cho liên kết khi người dùng di chuột qua nó. Giả lớp nào sau đây được sử dụng?

    • A. a:active
    • B. a:hover
    • C. a:visited
    • D. a:link

    Câu 14: Bạn muốn định kiểu cho thẻ `

  • A. input[text]
  • B. input#text
  • C. input[type=
  • D. input.text

    • Câu 15: Độ ưu tiên (Specificity) của vùng chọn trong CSS quyết định điều gì khi có nhiều quy tắc cùng áp dụng cho một phần tử?

    • A. Thứ tự các phần tử xuất hiện trong HTML.
    • B. Thứ tự các thuộc tính được khai báo trong quy tắc CSS.
    • C. Thứ tự các quy tắc CSS được viết trong tệp.
    • D. Quy tắc định kiểu nào sẽ được áp dụng cho phần tử.

    Câu 16: Sắp xếp các loại vùng chọn sau theo thứ tự độ ưu tiên từ thấp đến cao: (1) Vùng chọn tên thẻ, (2) Vùng chọn lớp, (3) Vùng chọn ID, (4) Vùng chọn phổ quát (*)

    • A. (4), (1), (2), (3)
    • B. (1), (2), (3), (4)
    • C. (4), (2), (1), (3)
    • D. (1), (3), (2), (4)

    Câu 17: Cho đoạn mã HTML: `

  • A. p
  • B. .con
  • C. div p
  • D. #cha p.con

    • Câu 18: Bạn muốn định kiểu cho tất cả các thẻ `

    Câu 19: Vùng chọn `p.gioi-thieu` sẽ chọn những phần tử HTML nào?

    • A. Tất cả các thẻ `

      ` và tất cả các phần tử có lớp `gioi-thieu`.

    • B. Chỉ các thẻ `

      ` có thuộc tính `class=

    • C. Tất cả các phần tử là con của thẻ `

      ` có lớp `gioi-thieu`.

    • D. Chỉ một phần tử duy nhất có ID là `p.gioi-thieu`.

    Câu 20: Cho đoạn mã CSS: `div > p { margin-bottom: 10px; }`. Quy tắc này sẽ áp dụng lề dưới 10px cho những thẻ `

    ` nào?

    • A. Các thẻ `

      ` là con trực tiếp của thẻ `

      `.
    • B. Tất cả các thẻ `

      ` nằm bên trong thẻ `

      ` (bao gồm cả con cháu).
    • C. Chỉ thẻ `

      ` đầu tiên là con trực tiếp của thẻ `

      `.
    • D. Các thẻ `
      ` là con trực tiếp của thẻ `

      `.

    Câu 21: Bạn có một form chứa nhiều thẻ ``. Bạn muốn định kiểu cho các thẻ `` có thuộc tính `required`. Vùng chọn nào sau đây là phù hợp?

    • A. input.required
    • B. input#required
    • C. input[required]
    • D. input:required

    Câu 22: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho thẻ `

    ` đứng ngay sau thẻ `

    ` (Đoạn 2). Vùng chọn nào sau đây được sử dụng?

    • A. section p
    • B. section + p
    • C. section > p
    • D. p

    Câu 23: Giả sử bạn có nhiều thẻ `

    ` và một số trong đó có lớp là `thong-bao`. Bạn muốn định kiểu cho tất cả các thẻ `

    ` có lớp `thong-bao`. Vùng chọn nào chính xác nhất?

    • A. .thong-bao div
    • B. .thong-bao
    • C. #thong-bao
    • D. div.thong-bao

    Câu 24: Trong CSS, tại sao việc sử dụng vùng chọn ID (`#`) thường có độ ưu tiên cao hơn vùng chọn lớp (`.`) hoặc tên thẻ?

    • A. Vì ID được thiết kế để chỉ định một phần tử duy nhất trên trang, biểu thị tính đặc trưng cao.
    • B. Vì vùng chọn ID luôn được viết trước các vùng chọn khác trong mã CSS.
    • C. Vì trình duyệt xử lý vùng chọn ID nhanh hơn.
    • D. Đây là quy tắc ngẫu nhiên của CSS, không có lý do cụ thể.

    Câu 25: Cho đoạn HTML: `

  • A. Chỉ Đoạn 1.
  • B. Chỉ Đoạn 2.
  • C. Cả Đoạn 1 và Đoạn 2.
  • D. Không định kiểu cho đoạn văn bản nào.

    • Câu 26: Bạn muốn định kiểu cho tất cả các thẻ `

    ` nằm trực tiếp bên trong một thẻ `

    ` có lớp là `noi-dung`. Vùng chọn nào sau đây là chính xác?

    • A. .noi-dung p
    • B. div.noi-dung p
    • C. .noi-dung > p
    • D. div > .noi-dung > p

    Câu 27: Trong trường hợp nào bạn nên sử dụng vùng chọn lớp (`.`) thay vì vùng chọn ID (`#`)?

    • A. Khi bạn muốn áp dụng kiểu cho một phần tử duy nhất trên trang.
    • B. Khi bạn muốn áp dụng cùng một kiểu cho nhiều phần tử khác nhau trên trang.
    • C. Khi phần tử cần định kiểu là thẻ `
      `.
    • D. Khi bạn muốn độ ưu tiên định kiểu cao nhất.

    Câu 28: Vùng chọn `h1, h2, h3` là ví dụ về loại vùng chọn nào?

    • A. Vùng chọn nhóm (Grouping Selector)
    • B. Vùng chọn con cháu (Descendant Selector)
    • C. Vùng chọn kết hợp (Combined Selector)
    • D. Vùng chọn tên thẻ (Type Selector)

    Câu 29: Bạn có một bảng (`

    `) và muốn định kiểu cho tất cả các ô dữ liệu (`

    `) nằm trong hàng tiêu đề (`

    		`) của bảng. Vùng chọn nào sau đây là không chính xác?

    • A. table th
    • B. th
    • C. table > thead > tr > th
    • D. th, td

    Câu 30: Bạn muốn định kiểu cho một phần tử `

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 1: Trong CSS, thuật ngữ nào sau đây dùng để chỉ định (chọn) các phần tử HTML mà quy tắc CSS sẽ được áp dụng?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 2: Để áp dụng cùng một kiểu cho tất cả các đoạn văn bản được định nghĩa bằng thẻ `

    `, bạn sẽ sử dụng vùng chọn nào trong CSS?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 3: Cho đoạn mã HTML sau: `

    Chào mừng

    `. Để định kiểu cho thẻ `

    ` này dựa vào lớp của nó, bạn sẽ sử dụng vùng chọn CSS nào?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 4: Cho đoạn mã HTML sau: `

    Nội dung

    `. Để định kiểu cho thẻ `

    ` này dựa vào ID của nó, bạn sẽ sử dụng vùng chọn CSS nào?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 5: Điểm khác biệt cơ bản giữa vùng chọn lớp (Class selector) và vùng chọn ID (ID selector) trong CSS là gì?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 6: Bạn có hai tiêu đề: `

    Tiêu đề 1

    ` và `

    Tiêu đề 2

    `. Bạn muốn áp dụng cùng một quy tắc định kiểu (ví dụ: màu chữ xanh) cho cả hai. Vùng chọn nào hiệu quả nhất để làm điều này?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 7: Cho cấu trúc HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho đoạn văn bản nằm *bên trong* thẻ `

    ` (Đoạn 1). Vùng chọn nào sau đây sẽ chọn đúng phần tử đó?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 8: Cho cấu trúc HTML: `

    • Mục 1
    • Mục 2

    `. Bạn muốn định kiểu cho tất cả các mục danh sách (`

  • `) nằm *trực tiếp* bên trong thẻ `
      `. Vùng chọn nào sau đây sẽ chọn đúng các phần tử đó?

    • 9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 9: Vùng chọn phổ quát (Universal selector) trong CSS được biểu diễn bằng ký hiệu nào và dùng để làm gì?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 10: Bạn muốn định kiểu cho tất cả các thẻ `` (liên kết) chỉ khi chúng nằm *bên trong* một thẻ `

    ` có lớp là `menu`. Vùng chọn kết hợp nào sau đây sẽ đạt được điều này?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 11: Cho đoạn mã CSS: `.noi-bat { color: red; }`. Đoạn mã này sẽ áp dụng màu chữ đỏ cho những phần tử HTML nào?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 12: Bạn có một danh sách (`

      `) và muốn định kiểu cho mục danh sách đầu tiên (`

    • `). Vùng chọn giả lớp (pseudo-class) nào sau đây có thể giúp bạn?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 13: Giả sử bạn có nhiều thẻ `` trên trang. Bạn muốn định kiểu cho liên kết khi người dùng di chuột qua nó. Giả lớp nào sau đây được sử dụng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 14: Bạn muốn định kiểu cho thẻ ``. Vùng chọn thuộc tính (Attribute selector) nào sau đây sẽ chọn đúng phần tử đó?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 15: Độ ưu tiên (Specificity) của vùng chọn trong CSS quyết định điều gì khi có nhiều quy tắc cùng áp dụng cho một phần tử?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 16: Sắp xếp các loại vùng chọn sau theo thứ tự độ ưu tiên từ thấp đến cao: (1) Vùng chọn tên thẻ, (2) Vùng chọn lớp, (3) Vùng chọn ID, (4) Vùng chọn phổ quát (*)

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 17: Cho đoạn mã HTML: `

    Đoạn văn

    `. Vùng chọn nào sau đây có độ ưu tiên cao nhất khi định kiểu cho thẻ `

    `?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 18: Bạn muốn định kiểu cho tất cả các thẻ `

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 19: Vùng chọn `p.gioi-thieu` sẽ chọn những phần tử HTML nào?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 20: Cho đoạn mã CSS: `div > p { margin-bottom: 10px; }`. Quy tắc này sẽ áp dụng lề dưới 10px cho những thẻ `

    ` nào?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 21: Bạn có một form chứa nhiều thẻ ``. Bạn muốn định kiểu cho các thẻ `` có thuộc tính `required`. Vùng chọn nào sau đây là phù hợp?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 22: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Bạn muốn định kiểu cho thẻ `

    ` đứng *ngay sau* thẻ `

    ` (Đoạn 2). Vùng chọn nào sau đây được sử dụng?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 23: Giả sử bạn có nhiều thẻ `

    ` và một số trong đó có lớp là `thong-bao`. Bạn muốn định kiểu cho tất cả các thẻ `

    ` có lớp `thong-bao`. Vùng chọn nào chính xác nhất?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 24: Trong CSS, tại sao việc sử dụng vùng chọn ID (`#`) thường có độ ưu tiên cao hơn vùng chọn lớp (`.`) hoặc tên thẻ?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 25: Cho đoạn HTML: `

    Đoạn 1

    Đoạn 2

    `. Vùng chọn `#container p` sẽ định kiểu cho đoạn văn bản nào?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 26: Bạn muốn định kiểu cho tất cả các thẻ `

    ` nằm *trực tiếp* bên trong một thẻ `

    ` có lớp là `noi-dung`. Vùng chọn nào sau đây là chính xác?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 27: Trong trường hợp nào bạn nên sử dụng vùng chọn lớp (`.`) thay vì vùng chọn ID (`#`)?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 28: Vùng chọn `h1, h2, h3` là ví dụ về loại vùng chọn nào?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 29: Bạn có một bảng (`

    `) và muốn định kiểu cho tất cả các ô dữ liệu (`

    `) nằm trong hàng tiêu đề (`

    		`) của bảng. Vùng chọn nào sau đây là không chính xác?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 8

    Câu 30: Bạn muốn định kiểu cho một phần tử `

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 09

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 09 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ xanh) cho tất cả các đoạn văn bản được định nghĩa bằng thẻ <p> trên toàn bộ trang web. Vùng chọn CSS nào sau đây là phù hợp nhất?

    • A. p
    • B. .paragraph
    • C. #intro
    • D. *

    Câu 2: Bạn có một số phần tử <div> trên trang, và bạn muốn chỉ định kiểu riêng cho một nhóm các <div> cụ thể, bất kể chúng nằm ở đâu trong cấu trúc HTML. Bạn nên sử dụng loại vùng chọn nào?

    • A. div
    • B. #group1
    • C. Vùng chọn lớp (Class selector)
    • D. Vùng chọn ID (ID selector)

    Câu 3: Trong CSS, ký hiệu nào đứng trước tên để chỉ định một vùng chọn lớp (class selector)?

    • A. #
    • B. .
    • C. *
    • D. :

    Câu 4: Bạn có một phần tử <header> duy nhất trên trang web và muốn áp dụng một kiểu dáng đặc biệt chỉ cho phần tử này. Loại vùng chọn CSS nào là phù hợp nhất và đảm bảo tính duy nhất?

    • A. header
    • B. .main-header
    • C. Vùng chọn lớp (Class selector)
    • D. Vùng chọn ID (ID selector)

    Câu 5: Ký hiệu nào trong CSS được sử dụng để chỉ định một vùng chọn ID (ID selector)?

    • A. #
    • B. .
    • C. *
    • D. &

    Câu 6: Xem xét đoạn mã HTML sau: <p class=

    • A. p
    • B. #highlight
    • C. .highlight
    • D. p highlight

    Câu 7: Bạn có đoạn mã HTML: <div id=

    • A. .sidebar
    • B. #sidebar
    • C. div
    • D. div.sidebar

    Câu 8: Vùng chọn <strong> trong CSS sẽ áp dụng kiểu dáng cho những phần tử nào trong HTML?

    • A. Chỉ phần tử <strong> đầu tiên trên trang.
    • B. Phần tử có thuộc tính `class=
    • C. Phần tử có thuộc tính `id=
    • D. Tất cả các phần tử <strong> trên trang.

    Câu 9: Bạn muốn định kiểu cho tất cả các phần tử trên trang web, bao gồm cả <html> và <body>. Vùng chọn nào dưới đây sẽ làm được điều này?

    • A. *
    • B. body, html
    • C. all
    • D. #all

    Câu 10: Xem xét đoạn mã CSS: .button { padding: 10px; } #submit-btn { background-color: blue; }. Nếu một phần tử <button id=

    • A. padding: 10px;
    • B. background-color: blue;
    • C. Không thuộc tính nào được áp dụng do xung đột.
    • D. Thuộc tính `padding` và `background-color` đều được áp dụng.

    Câu 11: Bạn có một danh sách các mục (<li>) trong một danh sách không thứ tự (<ul>). Bạn muốn áp dụng một kiểu dáng chỉ cho các mục danh sách này. Vùng chọn nào dưới đây là một cách hiệu quả để làm điều đó?

    • A. ul li
    • B. ul > li
    • C. .list-item
    • D. li

    Câu 12: Vùng chọn <h1>, <h2>, <h3> { color: navy; } là ví dụ về kỹ thuật định kiểu nào trong CSS?

    • A. Sử dụng vùng chọn ID.
    • B. Sử dụng vùng chọn lớp.
    • C. Sử dụng bộ kết hợp hậu duệ.
    • D. Gộp các vùng chọn (Grouping selectors).

    Câu 13: Điểm khác biệt cơ bản nhất giữa vùng chọn lớp (class selector) và vùng chọn ID (ID selector) là gì?

    • A. Vùng chọn lớp chỉ áp dụng cho <div>, vùng chọn ID áp dụng cho mọi phần tử.
    • B. Một ID chỉ được dùng cho một phần tử duy nhất trên trang, còn một lớp có thể dùng cho nhiều phần tử.
    • C. Vùng chọn lớp có độ ưu tiên cao hơn vùng chọn ID.
    • D. Vùng chọn ID chỉ dùng cho mục đích JavaScript, vùng chọn lớp chỉ dùng cho mục đích CSS.

    Câu 14: Bạn có đoạn mã HTML: <a href=

    • A. a
    • B. .btn
    • C. #btn
    • D. a.btn

    Câu 15: Vùng chọn phổ quát (universal selector) * được sử dụng để làm gì trong CSS?

    • A. Chọn tất cả các phần tử HTML trên trang.
    • B. Chọn phần tử cha của vùng chọn hiện tại.
    • C. Chọn phần tử con đầu tiên.
    • D. Chọn phần tử có bất kỳ thuộc tính nào.

    Câu 16: Xem xét đoạn HTML: <div><p>Đoạn 1</p><p class=

    • A. p
    • B. .intro
    • C. div p
    • D. p.intro

    Câu 17: Bạn muốn các siêu liên kết (<a>) thay đổi màu chữ khi người dùng di chuột qua chúng. Vùng chọn kết hợp với giả lớp (pseudo-class) nào sau đây là phù hợp?

    • A. a.hover
    • B. a:hover
    • C. a#hover
    • D. a::hover

    Câu 18: Giả sử bạn có một danh sách (<ul>) và muốn mục đầu tiên (<li> đầu tiên) có màu chữ khác. Vùng chọn kết hợp với giả lớp nào sẽ giúp bạn làm điều này?

    • A. li:first
    • B. li.first
    • C. li:first-child
    • D. li::first

    Câu 19: Độ đặc hiệu (specificity) của vùng chọn là yếu tố quan trọng trong CSS để xác định quy tắc nào được áp dụng khi có nhiều quy tắc mâu thuẫn. Thứ tự độ đặc hiệu tăng dần của các loại vùng chọn cơ bản là gì?

    • A. Tên thẻ < Lớp < ID
    • B. ID < Lớp < Tên thẻ
    • C. Lớp < ID < Tên thẻ
    • D. Tên thẻ < ID < Lớp

    Câu 20: Bạn có đoạn mã HTML: <div class=

    • A. Vùng chọn nhóm (Grouping selector).
    • B. Vùng chọn kết hợp (Combinator selector - cụ thể là hậu duệ).
    • C. Vùng chọn giả lớp (Pseudo-class selector).
    • D. Vùng chọn thuộc tính (Attribute selector).

    Câu 21: Khi nào bạn nên ưu tiên sử dụng vùng chọn lớp thay vì vùng chọn ID?

    • A. Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử trên trang.
    • B. Khi bạn muốn định kiểu cho một phần tử duy nhất.
    • C. Khi bạn muốn vùng chọn có độ đặc hiệu cao nhất.
    • D. Khi bạn chỉ định kiểu cho các phần tử <div>.

    Câu 22: Xem xét đoạn mã CSS: p { color: black; } .red-text { color: red; }. Đoạn HTML: <p class=

    • A. Đen (black)
    • B. Đỏ (red)
    • C. Màu mặc định của trình duyệt.
    • D. Không có màu nào được áp dụng.

    Câu 23: Bạn có một nhóm các phần tử <input> trong một biểu mẫu. Bạn muốn định kiểu khác nhau cho các trường nhập văn bản và các nút bấm. Cách hiệu quả để làm điều này bằng CSS là gì?

    • A. Sử dụng vùng chọn ID cho từng phần tử <input>.
    • B. Chỉ sử dụng vùng chọn tên thẻ "input".
    • C. Định kiểu nội dòng (inline style) cho từng phần tử.
    • D. Gán các lớp CSS khác nhau và sử dụng vùng chọn lớp.

    Câu 24: Vùng chọn nào dưới đây có độ đặc hiệu (specificity) cao nhất?

    • A. div
    • B. .example
    • C. #example
    • D. *

    Câu 25: Bạn có một cấu trúc HTML lồng nhau: <div class=

    • A. Đoạn 1 và Đoạn 2.
    • B. Chỉ Đoạn 1.
    • C. Chỉ Đoạn 3.
    • D. Đoạn 1, Đoạn 2 và Đoạn 3.

    Câu 26: Để áp dụng cùng một bộ quy tắc CSS cho cả phần tử <h2> và phần tử có lớp <code> là

    • A. h2 .note
    • B. h2#note
    • C. h2.note
    • D. h2, .note

    Câu 27: Vùng chọn nào sau đây có thể được sử dụng để chọn tất cả các phần tử <a> trên trang web?

    • A. a
    • B. .a
    • C. #a
    • D. * a

    Câu 28: Bạn muốn định kiểu cho một phần tử <img> cụ thể trong trang web mà không ảnh hưởng đến các ảnh khác. Cách tốt nhất để làm điều này là gì?

    • A. Sử dụng vùng chọn tên thẻ "img".
    • B. Gán một ID cho ảnh và sử dụng vùng chọn ID.
    • C. Gán một lớp cho ảnh và sử dụng vùng chọn lớp (nếu chỉ có 1 ảnh cần kiểu này).
    • D. Sử dụng vùng chọn phổ quát "*"

    Câu 29: Vùng chọn <div p> sẽ chọn phần tử <p> trong trường hợp nào?

    • A. Chỉ khi <p> là con trực tiếp của <div>.
    • B. Chỉ khi <p> đứng ngay sau <div>.
    • C. Khi <p> nằm bên trong (là hậu duệ của) <div>, ở bất kỳ cấp độ lồng nào.
    • D. Khi <p> có cùng lớp với <div>.

    Câu 30: Bạn muốn tất cả các nút bấm (<button>) trên trang có cùng màu nền xanh, nhưng một nút bấm cụ thể (<button id=

    • A. Định nghĩa quy tắc cho "button" sau quy tắc cho "#special-btn".
    • B. Định nghĩa quy tắc cho ".special-btn" thay vì "#special-btn".
    • C. Chỉ sử dụng vùng chọn tên thẻ "button".
    • D. Định nghĩa quy tắc cho "#special-btn" với màu đỏ và quy tắc cho "button" với màu xanh. Quy tắc của ID sẽ được ưu tiên.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 3: Nhiệm vụ nào sau đây thể hiện rõ nhất vai trò của nhân viên dịch vụ công nghệ thông tin trong việc 'khôi phục dữ liệu bị hỏng hoặc mất'?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 4: Kỹ năng nào sau đây được coi là *thiết yếu* đối với nhân viên dịch vụ công nghệ thông tin khi giao tiếp trực tiếp với người dùng cuối (người không chuyên về IT)?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 5: Phân tích tình huống: Một người dùng gọi điện báo cáo máy in không hoạt động. Sau khi kiểm tra kết nối dây cáp, nguồn điện và giấy in mà vẫn không được, bước tiếp theo mà một nhân viên hỗ trợ kỹ thuật (thuộc nhóm dịch vụ IT) nên thực hiện là gì để chẩn đoán vấn đề?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 6: So sánh giữa nhóm nghề dịch vụ công nghệ thông tin và nhóm nghề phát triển phần mềm. Điểm khác biệt cốt lõi về mục tiêu công việc của hai nhóm này là gì?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 7: Tại sao việc cập nhật kiến thức và kỹ năng liên tục lại đặc biệt quan trọng đối với nhân viên làm dịch vụ công nghệ thông tin?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 8: Công việc nào sau đây *không* thuộc phạm vi hoạt động chính của nhóm nghề dịch vụ công nghệ thông tin?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 9: Khi một máy tính cá nhân gặp sự cố phần cứng nghiêm trọng (ví dụ: bo mạch chủ bị hỏng), công việc sửa chữa này đòi hỏi kỹ năng và kiến thức chuyên sâu về:

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 10: Tại sao kỹ năng 'phân tích và giải quyết vấn đề' lại quan trọng trong công việc bảo trì và sửa chữa máy tính?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 11: Một khách hàng mang laptop đến cửa hàng dịch vụ IT báo cáo máy không khởi động được. Sau khi kiểm tra nguồn điện và pin, nhân viên kỹ thuật nghi ngờ lỗi từ RAM. Việc nhân viên này tháo RAM cũ và lắp RAM mới để kiểm tra thuộc loại công việc nào của nhóm dịch vụ IT?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 12: Để đảm bảo hệ thống máy tính hoạt động ổn định và giảm thiểu sự cố, nhân viên dịch vụ IT thường thực hiện các công việc 'bảo trì định kỳ'. Công việc nào sau đây là ví dụ của bảo trì định kỳ?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 13: Trong bối cảnh một trường học có hàng trăm máy tính trong các phòng lab cần được quản lý và bảo trì, việc áp dụng các quy trình và công cụ tự động hóa trong dịch vụ IT (ví dụ: triển khai phần mềm đồng loạt, cập nhật từ xa) mang lại lợi ích chính gì?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 14: Một trong những thách thức lớn nhất đối với nhân viên dịch vụ công nghệ thông tin khi xử lý sự cố là gì?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 15: Để làm việc hiệu quả trong nhóm nghề dịch vụ công nghệ thông tin, bên cạnh kiến thức về phần cứng và phần mềm, người lao động còn cần có nền tảng về:

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 16: Khi một ổ cứng bị hỏng vật lý và không thể truy cập dữ liệu bằng các phương pháp thông thường, việc khôi phục dữ liệu trong trường hợp này thường đòi hỏi:

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 17: Vai trò của việc 'hỗ trợ kỹ thuật' trong nhóm nghề dịch vụ IT là gì?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 18: Đánh giá phát biểu sau: 'Với sự phát triển của điện toán đám mây và các dịch vụ tự động, nhu cầu về nhân viên dịch vụ công nghệ thông tin truyền thống (sửa chữa, bảo trì) sẽ giảm đáng kể.' Phát biểu này ĐÚNG hay SAI và tại sao?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 19: Khi cài đặt một hệ điều hành mới cho máy tính của khách hàng, nhân viên dịch vụ IT cần thực hiện nhiều bước. Bước nào sau đây là *không* thuộc quy trình cài đặt cơ bản?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 20: Tại sao việc ghi chép (lập tài liệu) lại quan trọng trong công việc của nhân viên dịch vụ IT, đặc biệt là khi xử lý các sự cố phức tạp?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 21: Một công ty vừa mua 50 máy tính mới. Công việc nào sau đây là trách nhiệm chính của nhóm dịch vụ công nghệ thông tin trong việc đưa các máy tính này vào sử dụng?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 22: Tình huống: Một người dùng báo cáo rằng họ không thể truy cập vào một trang web cụ thể, trong khi các trang web khác vẫn hoạt động bình thường. Nhân viên dịch vụ IT nên kiểm tra yếu tố nào *đầu tiên* để xác định nguyên nhân?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 23: Yêu cầu nào sau đây *không* phải là yêu cầu chung đối với nhân viên làm trong nhóm nghề dịch vụ công nghệ thông tin?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 24: Việc 'bảo trì thiết bị thông minh' trong nhóm nghề dịch vụ IT có thể bao gồm những công việc nào?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 25: Tại sao việc hiểu biết về các mối đe dọa bảo mật cơ bản (ví dụ: virus, phishing) lại hữu ích cho nhân viên dịch vụ IT, ngay cả khi họ không chuyên về an toàn thông tin?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 26: So sánh giữa việc học tại trường đại học/cao đẳng chuyên ngành IT và việc tham gia các khóa đào tạo nghề ngắn hạn về sửa chữa máy tính. Lợi ích chính của việc học tại trường đại học/cao đẳng đối với nhân viên dịch vụ IT là gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 27: Một công ty nhận thấy một số máy tính trong mạng nội bộ của họ hoạt động chậm bất thường vào những thời điểm nhất định. Nhân viên dịch vụ IT được giao nhiệm vụ điều tra. Công cụ hoặc kỹ năng nào sau đây *ít hữu ích nhất* trong việc chẩn đoán nguyên nhân của vấn đề này?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 28: Tình huống: Một người dùng gọi điện báo cáo máy tính của họ 'bị lỗi' và không thể sử dụng được. Nhân viên dịch vụ IT cần làm gì *đầu tiên* để bắt đầu quá trình hỗ trợ?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 29: Trong nhóm nghề dịch vụ công nghệ thông tin, việc 'nâng cấp phần cứng' máy tính cho khách hàng đòi hỏi nhân viên phải có kiến thức về sự tương thích giữa các linh kiện. Ví dụ, khi nâng cấp RAM, cần kiểm tra yếu tố nào sau đây?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 30: Phân tích tại sao kỹ năng mềm (như kiên nhẫn, lắng nghe) lại quan trọng khi làm việc ở vị trí hỗ trợ kỹ thuật, đặc biệt là khi người dùng đang gặp khó khăn hoặc bực bội với sự cố máy tính?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G2: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 1: Một công ty vừa mở rộng quy mô và cần kết nối thêm 50 máy tính mới vào mạng nội bộ hiện có. Nhiệm vụ chính nào sau đây thuộc về nhà quản trị mạng và hệ thống trong tình huống này?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G2: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin

    Tags: Bộ đề 9

    Câu 2: Khi một hệ thống mạng nội bộ hoạt động chậm bất thường, nhà quản trị mạng và hệ thống cần thực hiện phân tích nào để xác định nguyên nhân ban đầu?

    Xem kết quả

    By Wordpress Quiz plugin
    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 10

    Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS - Đề 10 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong CSS, "vùng chọn" (selector) đóng vai trò chính là gì?

    • A. Khai báo thuộc tính và giá trị cho phần tử.
    • B. Đặt tên cho các quy tắc CSS.
    • C. Xác định thứ tự ưu tiên của các tệp CSS.
    • D. Chọn (chỉ định) các phần tử HTML cần áp dụng kiểu.

    Câu 2: Để áp dụng kiểu cho TẤT CẢ các phần tử cùng loại trên trang web (ví dụ: tất cả các đoạn văn `

    `), bạn sử dụng loại vùng chọn nào?

    • A. Vùng chọn tên phần tử (Type selector)
    • B. Vùng chọn tên lớp (Class selector)
    • C. Vùng chọn ID (ID selector)
    • D. Vùng chọn chung (Universal selector)

    Câu 3: Cú pháp CSS nào sau đây được sử dụng để định kiểu cho tất cả các phần tử có tên lớp là `highlight`?

    • A. #highlight {}
    • B. .highlight {}
    • C. highlight {}
    • D. *highlight {}

    Câu 4: Trong HTML, thuộc tính `id` được sử dụng để làm gì liên quan đến CSS?

    • A. Áp dụng cùng một kiểu cho nhiều phần tử khác nhau.
    • B. Định nghĩa một nhóm các phần tử có cùng chức năng.
    • C. Cung cấp một định danh duy nhất cho một phần tử để định kiểu riêng biệt.
    • D. Xác định loại nội dung bên trong phần tử.

    Câu 5: Cú pháp CSS nào sau đây được sử dụng để định kiểu cho phần tử có thuộc tính `id` là `header`?

    • A. #header {}
    • B. .header {}
    • C. header {}
    • D. * header {}

    Câu 6: Sự khác biệt cơ bản giữa vùng chọn tên lớp (Class selector) và vùng chọn ID (ID selector) là gì?

    • A. Vùng chọn lớp chỉ áp dụng cho thẻ <div>, vùng chọn ID áp dụng cho tất cả các thẻ.
    • B. Giá trị ID phải là duy nhất trên trang, tên lớp có thể được sử dụng nhiều lần.
    • C. Vùng chọn lớp có ưu tiên cao hơn vùng chọn ID.
    • D. Vùng chọn lớp chỉ định kiểu văn bản, vùng chọn ID chỉ định kiểu bố cục.

    Câu 7: Xem xét đoạn mã HTML sau:

    <p class=

    • A. p {}
    • B. #text-red {}
    • C. .text-red {}
    • D. p.text-red {}

    Câu 8: Độ đặc hiệu (specificity) của vùng chọn ảnh hưởng như thế nào đến việc áp dụng kiểu CSS?

    • A. Quy tắc của vùng chọn đầu tiên trong tệp CSS sẽ được áp dụng.
    • B. Quy tắc của vùng chọn cuối cùng trong tệp CSS sẽ được áp dụng.
    • C. Quy tắc của vùng chọn có ít ký tự nhất sẽ được áp dụng.
    • D. Quy tắc của vùng chọn có độ đặc hiệu (ưu tiên) cao hơn sẽ được áp dụng.

    Câu 9: Sắp xếp độ đặc hiệu của các loại vùng chọn sau từ CAO đến THẤP: Vùng chọn ID, Vùng chọn tên lớp, Vùng chọn tên phần tử.

    • A. Vùng chọn ID, Vùng chọn tên lớp, Vùng chọn tên phần tử.
    • B. Vùng chọn tên lớp, Vùng chọn ID, Vùng chọn tên phần tử.
    • C. Vùng chọn tên phần tử, Vùng chọn tên lớp, Vùng chọn ID.
    • D. Vùng chọn tên lớp, Vùng chọn tên phần tử, Vùng chọn ID.

    Câu 10: Xem xét đoạn mã HTML và CSS sau:

    HTML:
    <p id=

    • A. Màu xanh dương (blue)
    • B. Màu đỏ (red)
    • C. Màu mặc định (thường là đen)
    • D. Không có màu nào được áp dụng do xung đột.

    Câu 11: Xem xét đoạn mã HTML và CSS sau:

    HTML:
    <h1 class=

    • A. 24px
    • B. Kích thước mặc định của thẻ <h1>
    • C. Tổng của hai giá trị: 24px + 32px = 56px
    • D. 32px

    Câu 12: Bạn có một số đoạn văn bản cần định dạng đặc biệt, không phải tất cả các đoạn `

    `. Bạn nên sử dụng kỹ thuật định kiểu nào để nhóm các đoạn văn bản này lại và áp dụng cùng một kiểu?

    • A. Sử dụng thuộc tính `id` cho từng đoạn văn bản.
    • B. Gán cùng một tên lớp cho các đoạn văn bản đó và sử dụng vùng chọn tên lớp.
    • C. Sử dụng vùng chọn tên phần tử `p`.
    • D. Viết kiểu CSS trực tiếp vào thuộc tính `style` của từng đoạn văn bản.

    Câu 13: Thuộc tính `id` trong HTML phải tuân thủ quy tắc nào?

    • A. Mỗi giá trị `id` phải là duy nhất trong toàn bộ trang web.
    • B. Giá trị `id` phải bắt đầu bằng một chữ số.
    • C. Giá trị `id` phải trùng với tên lớp CSS.
    • D. Một phần tử có thể có nhiều giá trị `id`.

    Câu 14: Vùng chọn tên lớp có thể được áp dụng cho bao nhiêu phần tử trên một trang HTML?

    • A. Chỉ một phần tử duy nhất.
    • B. Chỉ các phần tử cùng loại (ví dụ: chỉ các thẻ <div>).
    • C. Nhiều phần tử, không giới hạn loại thẻ.
    • D. Không thể áp dụng cho bất kỳ phần tử nào.

    Câu 15: Bạn muốn định kiểu cho một đoạn văn bản cụ thể mà không muốn ảnh hưởng đến bất kỳ đoạn văn bản nào khác. Kỹ thuật định kiểu nào là phù hợp nhất?

    • A. Sử dụng vùng chọn tên phần tử `p`.
    • B. Gán một tên lớp chung cho đoạn văn bản đó.
    • C. Sử dụng vùng chọn chung `*`.
    • D. Gán một `id` duy nhất cho đoạn văn bản đó và sử dụng vùng chọn ID.

    Câu 16: Xem xét đoạn mã HTML sau:

    <div id=

    • A. #container .text {}
    • B. .text #container {}
    • C. div p.text {}
    • D. #container p {}

    Câu 17: Vùng chọn nào sau đây có độ đặc hiệu CAO nhất?

    • A. p
    • B. .article
    • C. #sidebar
    • D. div p

    Câu 18: Xem xét đoạn mã HTML sau:

    <button class=

    • A. .btn .primary {}
    • B. .btn.primary {}
    • C. #btn #primary {}
    • D. btn primary {}

    Câu 19: Mục đích chính của việc sử dụng các loại vùng chọn khác nhau trong CSS là gì?

    • A. Để áp dụng các kiểu CSS một cách chính xác và linh hoạt cho các phần tử HTML cụ thể hoặc nhóm các phần tử.
    • B. Để làm cho mã CSS ngắn gọn hơn.
    • C. Để tăng tốc độ tải trang.
    • D. Để che giấu mã CSS khỏi người dùng cuối.

    Câu 20: Nếu bạn có một quy tắc CSS như sau:

    `p.intro { font-weight: bold; }`

    Quy tắc này sẽ áp dụng kiểu cho phần tử HTML nào?

    • A. Tất cả các phần tử có tên lớp là `intro`.
    • B. Tất cả các phần tử `

      `.

    • C. Các phần tử `

      ` có tên lớp là `intro`.

    • D. Phần tử có ID là `intro`.

    Câu 21: Xem xét đoạn mã HTML:

    <div>
    <h2>Tiêu đề 1</h2>
    </div>
    <h2>Tiêu đề 2</h2>

    Để chỉ định kiểu cho `Tiêu đề 1` (bên trong thẻ `div`), vùng chọn nào sau đây là phù hợp nhất?

    • A. h2 {}
    • B. .h2 {}
    • C. #h2 {}
    • D. div h2 {}

    Câu 22: Giả sử bạn có một danh sách các mục (`<li>`) và muốn mục đầu tiên có màu khác. Bạn có thể sử dụng kỹ thuật vùng chọn nào (thuộc phạm vi Bài F9) để làm điều này?

    • A. Sử dụng vùng chọn tên phần tử `li`.
    • B. Gán một ID duy nhất hoặc một lớp riêng cho mục <li> đầu tiên.
    • C. Sử dụng thuộc tính `style` trực tiếp trên thẻ <li> đầu tiên.
    • D. Sử dụng vùng chọn chung `*`.

    Câu 23: Nếu một phần tử HTML có cả thuộc tính `class` và `id`, và có hai quy tắc CSS mâu thuẫn (một sử dụng vùng chọn lớp, một sử dụng vùng chọn ID) cùng áp dụng cho thuộc tính `color`, thì màu nào sẽ được hiển thị?

    • A. Màu được định nghĩa bởi quy tắc sử dụng vùng chọn ID.
    • B. Màu được định nghĩa bởi quy tắc sử dụng vùng chọn tên lớp.
    • C. Màu của quy tắc được viết sau trong tệp CSS.
    • D. Màu mặc định của trình duyệt.

    Câu 24: Vùng chọn nào sau đây sẽ chỉ định kiểu cho tất cả các phần tử trên trang HTML?

    • A. body {}
    • B. html {}
    • C. .all {}
    • D. * {}

    Câu 25: Bạn có đoạn HTML sau:

    <p class=

    • A. #first-paragraph {}
    • B. .intro {}
    • C. p {}
    • D. Cả ba vùng chọn trên đều có thể áp dụng kiểu cho phần tử này.

    Câu 26: Khi sử dụng vùng chọn tên phần tử, bạn có thể kết hợp nó với tên lớp không? Nếu có, cú pháp như thế nào?

    • A. Có, cú pháp là `ten_phan_tu.ten_lop` (ví dụ: `div.container`).
    • B. Có, cú pháp là `ten_phan_tu .ten_lop` (có khoảng trắng).
    • C. Có, cú pháp là `ten_phan_tu #ten_lop`.
    • D. Không, không thể kết hợp tên phần tử với tên lớp trực tiếp.

    Câu 27: Điều gì xảy ra nếu bạn sử dụng cùng một giá trị ID (`my-id`) cho hai phần tử khác nhau trên cùng một trang HTML và định kiểu cho `#my-id` trong CSS?

    • A. Chỉ phần tử đầu tiên có ID đó được định kiểu.
    • B. Không có phần tử nào được định kiểu vì ID không hợp lệ.
    • C. Trình duyệt có thể cố gắng áp dụng kiểu cho cả hai phần tử, nhưng đây là hành vi không chuẩn và nên tránh.
    • D. Trang web sẽ gặp lỗi và không hiển thị đúng.

    Câu 28: Xem xét đoạn HTML:

    <article>
    <p>Đoạn 1</p>
    <p class=

    • A. .special {}
    • B. p {}
    • C. article p {}
    • D. #special {}

    Câu 29: Tại sao việc sử dụng thuộc tính `style` trực tiếp trong thẻ HTML (inline style) thường không được khuyến khích so với việc sử dụng CSS với các vùng chọn?

    • A. Inline style có độ ưu tiên thấp hơn tất cả các loại vùng chọn.
    • B. Inline style trộn lẫn cấu trúc (HTML) và trình bày (CSS), khó quản lý và tái sử dụng.
    • C. Inline style không được hỗ trợ bởi tất cả các trình duyệt.
    • D. Inline style làm tăng kích thước tệp HTML đáng kể.

    Câu 30: Vùng chọn nào sau đây là KHÔNG hợp lệ trong CSS?

    • A. .my-class
    • B. #section-id
    • C. #123element
    • D. div

    1 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 1: Trong CSS, 'vùng chọn' (selector) đóng vai trò chính là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 2: Để áp dụng kiểu cho TẤT CẢ các phần tử cùng loại trên trang web (ví dụ: tất cả các đoạn văn `

    `), bạn sử dụng loại vùng chọn nào?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 3: Cú pháp CSS nào sau đây được sử dụng để định kiểu cho tất cả các phần tử có tên lớp là `highlight`?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 4: Trong HTML, thuộc tính `id` được sử dụng để làm gì liên quan đến CSS?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 5: Cú pháp CSS nào sau đây được sử dụng để định kiểu cho phần tử có thuộc tính `id` là `header`?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 6: Sự khác biệt cơ bản giữa vùng chọn tên lớp (Class selector) và vùng chọn ID (ID selector) là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 7: Xem xét đoạn mã HTML sau:

    Đoạn văn bản 1

    Đoạn văn bản 2

    Đoạn văn bản 3

    Nếu bạn muốn tất cả các đoạn văn bản có lớp `text-red` có màu đỏ, vùng chọn CSS nào là phù hợp nhất?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 8: Độ đặc hiệu (specificity) của vùng chọn ảnh hưởng như thế nào đến việc áp dụng kiểu CSS?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 9: Sắp xếp độ đặc hiệu của các loại vùng chọn sau từ CAO đến THẤP: Vùng chọn ID, Vùng chọn tên lớp, Vùng chọn tên phần tử.

    10 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 10: Xem xét đoạn mã HTML và CSS sau:

    HTML:

    Đây là đoạn giới thiệu.

    CSS:
    .main-text { color: blue; }
    #intro { color: red; }

    Đoạn văn bản này sẽ có màu gì?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 11: Xem xét đoạn mã HTML và CSS sau:

    HTML:

    Chào mừng!

    CSS:
    h1 { font-size: 24px; }
    .page-title { font-size: 32px; }

    Tiêu đề `Chào mừng!` sẽ có kích thước chữ là bao nhiêu?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 12: Bạn có một số đoạn văn bản cần định dạng đặc biệt, không phải tất cả các đoạn `

    `. Bạn nên sử dụng kỹ thuật định kiểu nào để nhóm các đoạn văn bản này lại và áp dụng cùng một kiểu?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 13: Thuộc tính `id` trong HTML phải tuân thủ quy tắc nào?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 14: Vùng chọn tên lớp có thể được áp dụng cho bao nhiêu phần tử trên một trang HTML?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 15: Bạn muốn định kiểu cho một đoạn văn bản cụ thể mà không muốn ảnh hưởng đến bất kỳ đoạn văn bản nào khác. Kỹ thuật định kiểu nào là phù hợp nhất?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 16: Xem xét đoạn mã HTML sau:

    Đoạn 1

    Đoạn 2

    Để định kiểu chỉ cho đoạn văn bản có lớp `text` bên trong thẻ `div` có id là `container`, vùng chọn nào sau đây là chính xác?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 17: Vùng chọn nào sau đây có độ đặc hiệu CAO nhất?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 18: Xem xét đoạn mã HTML sau:

    Để định kiểu cho nút này dựa trên cả hai lớp `btn` và `primary`, cú pháp vùng chọn nào là đúng?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 19: Mục đích chính của việc sử dụng các loại vùng chọn khác nhau trong CSS là gì?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 20: Nếu bạn có một quy tắc CSS như sau:

    `p.intro { font-weight: bold; }`

    Quy tắc này sẽ áp dụng kiểu cho phần tử HTML nào?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 21: Xem xét đoạn mã HTML:

    Tiêu đề 1

    Tiêu đề 2

    Để chỉ định kiểu cho `Tiêu đề 1` (bên trong thẻ `div`), vùng chọn nào sau đây là phù hợp nhất?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 22: Giả sử bạn có một danh sách các mục (`

  • `) và muốn mục đầu tiên có màu khác. Bạn có thể sử dụng kỹ thuật vùng chọn nào (thuộc phạm vi Bài F9) để làm điều này?

    • 23 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 23: Nếu một phần tử HTML có cả thuộc tính `class` và `id`, và có hai quy tắc CSS mâu thuẫn (một sử dụng vùng chọn lớp, một sử dụng vùng chọn ID) cùng áp dụng cho thuộc tính `color`, thì màu nào sẽ được hiển thị?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 24: Vùng chọn nào sau đây sẽ chỉ định kiểu cho tất cả các phần tử trên trang HTML?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 25: Bạn có đoạn HTML sau:

    Xin chào.

    Quy tắc CSS nào sau đây sẽ áp dụng kiểu cho đoạn văn bản này?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 26: Khi sử dụng vùng chọn tên phần tử, bạn có thể kết hợp nó với tên lớp không? Nếu có, cú pháp như thế nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 27: Điều gì xảy ra nếu bạn sử dụng cùng một giá trị ID (`my-id`) cho hai phần tử khác nhau trên cùng một trang HTML và định kiểu cho `#my-id` trong CSS?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 28: Xem xét đoạn HTML:

    Đoạn 1

    Đoạn 2

    Bạn muốn định kiểu chỉ cho `Đoạn 2`. Vùng chọn nào sau đây là phù hợp nhất?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 29: Tại sao việc sử dụng thuộc tính `style` trực tiếp trong thẻ HTML (inline style) thường không được khuyến khích so với việc sử dụng CSS với các vùng chọn?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Tags: Bộ đề 10

    Câu 30: Vùng chọn nào sau đây là KHÔNG hợp lệ trong CSS?

    Xem kết quả

    By Wordpress Quiz plugin

    Đề trắc nghiệm liên quan:

    1. 15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G3: Một số nghề ứng dụng tin học và một số ngành thuộc lĩnh vực Công nghệ thông tin
    2. 15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B6: Thiết kế mạng nội bộ
    3. 15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F18: Kĩ thuật mô phỏng
    4. 15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài E8: Hoàn thiện và xuất bản trang web
    5. 15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F19: Sử dụng phần mềm mô phỏng