Trắc nghiệm Khoa học máy tính 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh giúp bạn luyện tập thường xuyên để ghi nhớ lâu hơn thông qua dạng bài tập quen thuộc thường gặp trong đề thi. Các câu hỏi được xây dựng theo lộ trình giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với học sinh muốn cải thiện điểm số. Thông qua quá trình làm bài, bạn có thể nhận ra lỗ hổng kiến thức. Điều này giúp việc học trở nên tiết kiệm thời gian hơn.
Trắc nghiệm Khoa học máy tính 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Có thể sử dụng đồng thời bộ chọn lớp và bộ chọn định danh trên cùng một phần tử HTML không?
- - Không, chỉ được chọn một trong hai
- - Có, và phần tử sẽ nhận định dạng từ cả hai bộ chọn
- - Có, nhưng chỉ bộ chọn lớp có tác dụng
- - Có, nhưng chỉ bộ chọn định danh có tác dụng
Câu 2: Trong CSS, bộ chọn '#main-header' là loại bộ chọn gì?
- - Bộ chọn lớp
- - Bộ chọn định danh
- - Bộ chọn thẻ
- - Bộ chọn giả
Câu 3: Tên của bộ chọn lớp hoặc bộ chọn định danh trong CSS KHÔNG được phép bắt đầu bằng ký tự nào?
- - Chữ cái viết hoa
- - Ký tự số
- - Dấu gạch dưới (_)
- - Chữ cái viết thường
Câu 4: Phát biểu nào sau đây là ĐÚNG nhất về tính duy nhất của bộ chọn định danh (ID selector) trên một trang web?
- - Một giá trị định danh có thể dùng cho nhiều phần tử khác nhau trên cùng một trang
- - Mỗi giá trị định danh chỉ nên được gán cho duy nhất một phần tử trên một trang
- - Một phần tử có thể có nhiều giá trị định danh khác nhau ngăn cách bởi dấu phẩy
- - Bộ chọn định danh không thể dùng để định dạng màu sắc cho văn bản
Câu 5: Trong thuộc tính 'class' của HTML, các tên lớp phân biệt với nhau bởi yếu tố nào?
- - Dấu phẩy
- - Dấu chấm phẩy
- - Dấu cách (khoảng trắng)
- - Dấu gạch chéo
Câu 6: Ký hiệu nào thường được dùng kết hợp trong tên lớp CSS để thay thế cho khoảng trắng nhằm tăng tính dễ đọc?
- - Dấu gạch nối (-) hoặc dấu gạch dưới (_)
- - Dấu cộng (+)
- - Dấu sao (*)
- - Dấu bằng (=)
Câu 7: Trong một tệp CSS, nếu bạn viết 'p#intro', định dạng này sẽ áp dụng cho đối tượng nào?
- - Tất cả các thẻ 'p' và tất cả các định danh 'intro'
- - Mọi phần tử có định danh là 'intro' bất kể là thẻ gì
- - Chỉ thẻ 'p' có thuộc tính định danh là 'intro'
- - Tất cả các thẻ 'p' nằm bên trong một định danh 'intro'
Câu 8: Bộ chọn lớp ' .content-box ' (có dấu cách ở đầu) trong CSS có ý nghĩa gì so với '.content-box'?
- - Không có sự khác biệt về mặt chức năng
- - Dấu cách ở đầu làm cho bộ chọn không còn hợp lệ
- - Dấu cách ở đầu làm tăng độ ưu tiên của lớp đó
- - Dấu cách ở đầu có nghĩa là chọn phần tử con bên trong
Câu 9: Khi viết mã HTML, giá trị của thuộc tính 'id' có được chứa dấu cách (khoảng trắng) hay không?
- - Được, miễn là nằm trong dấu ngoặc kép
- - Được, nếu đó là định danh cho thẻ 'div'
- - Không, giá trị 'id' không được chứa dấu cách
- - Có thể có dấu cách nếu sử dụng trình duyệt cũ
Câu 10: Thứ tự độ ưu tiên từ thấp đến cao của các bộ chọn sau đây là gì?
- - Bộ chọn định danh -> Bộ chọn lớp -> Bộ chọn thẻ
- - Bộ chọn thẻ -> Bộ chọn định danh -> Bộ chọn lớp
- - Bộ chọn thẻ -> Bộ chọn lớp -> Bộ chọn định danh
- - Bộ chọn lớp -> Bộ chọn thẻ -> Bộ chọn định danh
Câu 11: Cách viết nào sau đây là ĐÚNG khi muốn gán đồng thời hai lớp 'text-red' và 'font-bold' cho một thẻ 'p' trong HTML?
- - class='text-red, font-bold'
- - class='text-red' class='font-bold'
- - class='text-red font-bold'
- - class='text-red; font-bold'
Câu 12: Khai báo nào sau đây trong CSS chỉ áp dụng định dạng cho thẻ 'h1' có lớp là 'title'?
- - h1 .title
- - h1.title
- - h1 #title
- - .title h1
Câu 13: Điều gì xảy ra nếu bạn khai báo hai phần tử khác nhau có cùng một giá trị 'id' trong một trang HTML?
- - Trang web sẽ bị lỗi và không hiển thị nội dung
- - CSS vẫn có thể áp dụng nhưng vi phạm tiêu chuẩn HTML và gây lỗi khi dùng JavaScript
- - Trình duyệt sẽ tự động đổi tên định danh thứ hai
- - Chỉ phần tử đầu tiên nhận được định dạng từ CSS
Câu 14: Trong mã CSS, khai báo '.highlight { background-color: yellow; }' sẽ tác động đến những phần tử nào?
- - Tất cả các phần tử có thuộc tính 'id' là 'highlight'
- - Chỉ phần tử thẻ 'div' có lớp là 'highlight'
- - Tất cả các phần tử có thuộc tính 'class' là 'highlight'
- - Tất cả các phần tử văn bản trong trang web
Câu 15: Nếu một phần tử HTML vừa được áp dụng bộ chọn lớp, vừa được áp dụng bộ chọn định danh với các thuộc tính mâu thuẫn nhau, quy tắc nào sẽ được ưu tiên?
- - Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp
- - Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh
- - Bộ chọn nào đứng trước trong tệp CSS sẽ được ưu tiên
- - Hai bộ chọn có độ ưu tiên ngang nhau và sẽ bị triệt tiêu
Câu 16: Việc đặt tên lớp (Class) theo chức năng (ví dụ: 'btn-submit') thay vì hình thức (ví dụ: 'blue-button') mang lại lợi ích gì?
- - Làm cho tệp CSS chạy nhanh hơn
- - Giúp việc bảo trì và thay đổi giao diện dễ dàng hơn mà không cần đổi tên lớp
- - Tăng độ ưu tiên của bộ chọn lớp lên ngang bằng bộ chọn định danh
- - Bắt buộc trình duyệt phải hiển thị màu xanh
Câu 17: Phát biểu nào sau đây là SAI về quy tắc đặt tên cho định danh (ID) và lớp (Class)?
- - Tên có thể chứa dấu gạch nối (-)
- - Tên có thể chứa dấu gạch dưới (_)
- - Tên có thể chứa các ký tự đặc biệt như @, %, $
- - Tên có phân biệt chữ hoa và chữ thường
Câu 18: Để định dạng cho tất cả các thẻ 'p' và 'li' có cùng lớp là 'info', ta sử dụng cách viết nào trong CSS?
- - p, li .info
- - .info
- - p.info, li.info
- - p+li.info
Câu 19: Tại sao việc sử dụng bộ chọn lớp lại được khuyến khích hơn bộ chọn định danh khi chỉ phục vụ mục đích trình bày (styling)?
- - Vì bộ chọn lớp có độ ưu tiên cao nhất
- - Vì bộ chọn lớp dễ viết hơn bộ chọn định danh
- - Vì bộ chọn lớp có khả năng tái sử dụng cao và linh hoạt hơn
- - Vì bộ chọn định danh không thể thay đổi màu sắc
Câu 20: Để định nghĩa một bộ chọn định danh (ID selector) trong tệp CSS, bạn phải sử dụng ký hiệu nào trước tên định danh?
- - Dấu chấm (.)
- - Dấu và (&)
- - Dấu thăng (#)
- - Dấu sao (*)
Câu 21: Nếu bạn muốn tạo một khu vực duy nhất trên trang web như 'Thanh điều hướng' (Navigation Bar), bạn nên sử dụng loại bộ chọn nào?
- - Bộ chọn lớp vì có thể dùng nhiều lần
- - Bộ chọn định danh để khẳng định tính duy nhất của thành phần
- - Bộ chọn thẻ vì thẻ nào cũng giống nhau
- - Bộ chọn toàn cục để áp dụng cho mọi thanh điều hướng
Câu 22: Giả sử có dòng mã 'div id='sidebar' class='menu'', bộ chọn nào sau đây sẽ KHÔNG tác động đến phần tử này?
- - div
- - #sidebar
- - .menu
- - .sidebar
Câu 23: Khi muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau trên trang web, bộ chọn nào là lựa chọn tối ưu nhất?
- - Bộ chọn định danh
- - Bộ chọn thẻ
- - Bộ chọn lớp
- - Bộ chọn toàn cục
Câu 24: Trong ngôn ngữ CSS, ký hiệu nào được sử dụng để bắt đầu một bộ chọn lớp (class selector)?
- - Dấu chấm (.)
- - Dấu thăng (#)
- - Dấu phẩy (,)
- - Dấu gạch ngang (-)
Câu 25: Trong một trang HTML, thuộc tính nào được dùng để gán một tên lớp cho một phần tử nhằm áp dụng định dạng CSS?
- - Thuộc tính 'id'
- - Thuộc tính 'class'
- - Thuộc tính 'name'
- - Thuộc tính 'style'