Trắc nghiệm Khoa học máy tính 12 chân trời sáng tạo bài F7: Giới thiệu CSS

1. Trong CSS, selector thuộc tính (attribute selector) được sử dụng để làm gì?

A. Chọn các phần tử dựa trên lớp của chúng.

B. Chọn các phần tử dựa trên ID của chúng.

C. Chọn các phần tử dựa trên sự hiện diện hoặc giá trị của một thuộc tính HTML.

D. Chọn các phần tử dựa trên vị trí của chúng trong cấu trúc DOM.

2. Đâu là cách viết đúng để đặt kích thước font chữ cho tất cả các thẻ h2 thành 24 pixel?

A. h2 { font-size: 24px; }

B. h2 { size: 24px; }

C. h2 { font: 24px; }

D. h2 { font-size = 24px; }

3. Thuộc tính margin trong CSS dùng để làm gì?

A. Tạo khoảng cách bên trong phần tử.

B. Tạo đường viền cho phần tử.

C. Tạo khoảng cách bên ngoài phần tử.

D. Tạo màu nền cho phần tử.

4. Selector của thẻ a (liên kết) có thể được sử dụng để định dạng các trạng thái khác nhau của liên kết, ví dụ như link-visited là trạng thái nào?

A. Liên kết vừa được nhấp.

B. Liên kết chưa được truy cập.

C. Liên kết đã được truy cập.

D. Liên kết đang được di chuột qua.

5. Selector lớp (class selector) trong CSS được khai báo bằng ký tự nào trước tên lớp?

A. #

B. .

C. :

D. @

6. Trong ngữ cảnh của các quy tắc CSS, selector có vai trò gì?

A. Xác định các thuộc tính được áp dụng cho phần tử HTML.

B. Chỉ định phần tử HTML nào sẽ được áp dụng các quy tắc kiểu dáng.

C. Định nghĩa giá trị của các thuộc tính CSS.

D. Cung cấp một mô tả về nội dung của trang web.

7. Thuộc tính border trong CSS dùng để làm gì?

A. Tạo khoảng cách bên ngoài phần tử.

B. Tạo đường viền xung quanh phần tử.

C. Tạo khoảng cách bên trong phần tử.

D. Thay đổi màu nền của phần tử.

8. Khi muốn đặt khoảng cách giữa các dòng văn bản, thuộc tính CSS nào sẽ được sử dụng?

A. word-spacing

B. letter-spacing

C. line-height

D. text-spacing

9. Selector ID trong CSS bắt đầu bằng ký tự nào?

A. .

B. #

C. :

D. *

10. Thuộc tính display trong CSS có chức năng gì quan trọng nhất?

A. Thay đổi màu sắc của phần tử.

B. Kiểm soát cách phần tử được hiển thị và tương tác với các phần tử khác trong bố cục.

C. Đặt kích thước chiều rộng và chiều cao cho phần tử.

D. Tạo hiệu ứng hoạt ảnh cho phần tử.

11. Cú pháp cơ bản của một quy tắc CSS bao gồm những thành phần chính nào?

A. Selector và thuộc tính.

B. Thuộc tính và giá trị.

C. Selector, thuộc tính và giá trị.

D. Selector, giá trị và đơn vị.

12. Để định dạng cho tất cả các thẻ p trên trang web, bạn sẽ sử dụng selector nào?

A. .p

B. #p

C. p

D. *p

13. Cách nào sau đây là cách đúng để nhúng một tệp CSS bên ngoài vào tài liệu HTML?

A.

B.

C.

D.

14. Nếu bạn muốn áp dụng một kiểu dáng cho tất cả các phần tử div chỉ khi con trỏ chuột di chuyển qua chúng, bạn sẽ sử dụng selector nào?

A. div:hover

B. div:active

C. div:focus

D. div:visited

15. Thuộc tính nào trong CSS được sử dụng để thay đổi màu sắc của văn bản?

A. background-color

B. font-size

C. color

D. text-align

16. Thuộc tính text-align trong CSS có tác dụng gì?

A. Thay đổi kiểu dáng của chữ (in đậm, in nghiêng).

B. Điều chỉnh khoảng cách dòng.

C. Căn chỉnh văn bản theo chiều ngang (trái, phải, giữa, đều hai bên).

D. Thay đổi kích thước của khối văn bản.

17. Đâu là cách đúng để chọn tất cả các phần tử li có thuộc tính class chứa giá trị item?

A. li.item

B. li[class=item]

C. li:class(item)

D. li#item

18. Thuộc tính padding trong CSS được sử dụng để làm gì?

A. Tạo khoảng cách bên ngoài phần tử.

B. Tạo đường viền cho phần tử.

C. Tạo khoảng cách giữa nội dung và đường viền của phần tử.

D. Thay đổi màu sắc văn bản.

19. Đâu là cách viết đúng để đặt màu nền cho một phần tử có ID là main-content thành màu xanh lam?

A. #main-content { background-color: blue; }

B. .main-content { background: blue; }

C. main-content { background-color: #0000FF; }

D. id(main-content) { background: blue; }

20. CSS specificity là gì và tại sao nó quan trọng?

A. Là một thuộc tính để xác định độ dày của đường viền; nó quan trọng để làm cho đường viền rõ nét.

B. Là một phương pháp để áp dụng kiểu dáng cho các phần tử theo thứ tự ngược lại; nó quan trọng để tạo hiệu ứng đặc biệt.

C. Là một hệ thống tính toán để xác định quy tắc CSS nào sẽ được ưu tiên áp dụng khi có nhiều quy tắc xung đột với cùng một phần tử; nó quan trọng để đảm bảo kiểu dáng nhất quán.

D. Là một cách để nhóm các selector lại với nhau; nó quan trọng để tổ chức mã CSS.

21. Thuộc tính font-family trong CSS được dùng để làm gì?

A. Thay đổi kích thước chữ.

B. Thay đổi kiểu chữ (font chữ).

C. Thay đổi độ đậm của chữ.

D. Thay đổi khoảng cách giữa các chữ.

22. Selector phổ quát (universal selector) trong CSS được biểu thị bằng ký tự nào?

A. &

B. *

C. %

D. $

23. Thuộc tính width và height trong CSS dùng để làm gì?

A. Đặt màu sắc cho phần tử và màu nền.

B. Xác định chiều rộng và chiều cao của một phần tử.

C. Thay đổi kiểu dáng và độ đậm của chữ.

D. Điều chỉnh khoảng cách giữa các phần tử.

24. Cái gì sẽ xảy ra nếu một phần tử HTML có nhiều lớp CSS được áp dụng và các lớp đó định nghĩa cùng một thuộc tính với các giá trị khác nhau?

A. Giá trị CSS đầu tiên được áp dụng sẽ được sử dụng.

B. Giá trị CSS được định nghĩa sau cùng trong mã nguồn HTML sẽ được ưu tiên.

C. Giá trị CSS từ lớp có specificity cao hơn sẽ được ưu tiên.

D. Trình duyệt sẽ hiển thị một thông báo lỗi.

25. Khi sử dụng inline styles để áp dụng CSS cho một phần tử HTML, CSS được đặt ở đâu?

A. Trong thẻ ở phần của tài liệu HTML.

B. Trong một tệp CSS riêng biệt và liên kết với tài liệu HTML.

C. Trực tiếp trong thuộc tính style của thẻ HTML.

D. Trong thẻ của tài liệu HTML.