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

Chủ đề F: Giải quyết vấn đề với sự trợ giúp của máy tính

Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

(21 câu)

A. TRẮC NGHIỆM

1. NHẬN BIẾT (8 câu)

Câu 1: Vùng chọn CSS nào dùng để định kiểu cho tất cả các phần tử <p> trên trang?

A. .p

B. #p

C. p

D. *

Câu 2: Ký tự nào được dùng để khai báo vùng chọn ID trong CSS?

A. .

B. #

C. *

D. :

Câu 3: Ký tự nào được dùng để khai báo vùng chọn lớp (class) trong CSS?

A. .

B. #

C. *

D. :

Câu 4: Thuộc tính HTML nào được sử dụng để liên kết một phần tử với một lớp CSS?

A. id

B. class

C. style

D. type

Câu 5: Thuộc tính HTML nào được sử dụng để xác định một phần tử duy nhất trên trang web?

A. id

B. class

C. style

D. type

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

A. Tạo hiệu ứng động cho trang web

B. Chọn các phần tử HTML để định kiểu

C. Thêm hình ảnh vào trang web

D. Tạo bảng biểu trên trang web

Câu 7: Vùng chọn nào sau đây chọn tất cả các phần tử trên trang web?

A. #all

B. .all

C. *

D. all()

Câu 8: Ưu điểm của việc sử dụng vùng chọn CSS là gì?

A. Giảm dung lượng ảnh trên trang web

B. Tăng tốc độ tải trang web

C. Định kiểu chính xác và tái sử dụng mã CSS

D. Tự động tạo nội dung cho trang web

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

Câu 1: Đoạn mã CSS sau sẽ định kiểu cho phần tử HTML nào?

A. Tất cả các phần tử có thuộc tính id="highlight"

B. Tất cả các phần tử có thuộc tính class="highlight"

C. Phần tử <highlight>

D. Tất cả các phần tử trên trang

Câu 2: Đoạn mã CSS sau sẽ định kiểu cho phần tử HTML nào?

A. Tất cả các phần tử có thuộc tính class="title"

B. Tất cả các phần tử có thuộc tính id="title"

C. Phần tử <title>

D. Tất cả các phần tử trên trang

Câu 3: Tại sao ID nên được sử dụng để định kiểu cho một phần tử duy nhất?

A. Vì ID có thể được sử dụng nhiều lần trên trang

B. Vì ID có độ ưu tiên thấp hơn lớp (class)

C. Vì ID là duy nhất trên trang

D. Vì ID dễ nhớ hơn lớp (class)

Câu 4: Điều gì xảy ra nếu hai quy tắc CSS xung đột với nhau?

A. Quy tắc được khai báo trước sẽ được áp dụng

B. Quy tắc có độ ưu tiên cao hơn sẽ được áp dụng

C. Quy tắc được khai báo sau sẽ được áp dụng

D. Trình duyệt sẽ hiển thị lỗi

Câu 5: Khi nào nên sử dụng lớp (class) thay vì ID?

A. Khi chỉ có một phần tử cần định kiểu

B. Khi nhiều phần tử cần định kiểu giống nhau

C. Khi phần tử cần được định kiểu động bằng JavaScript

D. Khi phần tử cần được ẩn khỏi trang

Câu 6: Tại sao ID được coi là duy nhất trong một trang HTML?

A. Vì nó có thể áp dụng cho nhiều phần tử

B. Vì nó được sử dụng để định kiểu các lớp

C. Vì nó chỉ được sử dụng một lần cho một phần tử

D. Vì nó có độ ưu tiên thấp hơn các vùng chọn khác

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

...........................................

...........................................

...........................................

B. CÂU HỎI TRẮC NGHIỆM ĐÚNG – SAI (1 CÂU)

Câu 1: Vùng chọn CSS là một phần quan trọng trong việc định kiểu cho trang web. Chúng cho phép bạn chọn các phần tử HTML cụ thể để áp dụng các kiểu dáng CSS. Có ba loại vùng chọn cơ bản: tên phần tử, lớp (class) và ID.

a) Vùng chọn tên phần tử dùng để định kiểu cho tất cả các phần tử có cùng tên thẻ HTML

b) Vùng chọn ID được sử dụng để định kiểu cho nhiều phần tử có cùng ID.

c) Ký tự # được sử dụng để khai báo vùng chọn lớp (class).

d) Vùng chọn ID có độ ưu tiên cao hơn vùng chọn lớp (class).

Đáp án:

a) Đ

b) S

c) S

d) Đ

...........................................

...........................................

...........................................