[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F7: Giới thiệu CSS

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é!!!


[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F7: Giới thiệu CSS

[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F7: Giới thiệu CSS

1. Đâu là cách đúng để sử dụng bộ chọn nth-child để chọn phần tử con thứ 3 của một phần tử cha?

A. parent > :nth-child(3)
B. parent :nth-child(3)
C. parent > child:nth-child(3)
D. parent :nth-child(3n)

2. Thuộc tính font-family trong CSS 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 màu sắc của chữ.

3. Thuộc tính CSS nào được dùng để đặt màu nền cho một phần tử?

A. background
B. background-color
C. color
D. fill

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

A. Tạo khoảng cách bên ngoài phần tử.
B. Tạo khoảng cách bên trong phần tử, giữa nội dung và đường viền.
C. Thiết lập độ dày của đường viền.
D. Định dạng kiểu đường viền.

6. Thuộc tính text-align trong CSS dùng để làm gì?

A. Căn lề trái cho văn bản.
B. Căn lề phải cho văn bản.
C. Căn giữa cho văn bản.
D. Thiết lập cách căn chỉnh văn bản theo chiều ngang.

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

A. Đặt khoảng cách giữa các từ.
B. Đặt khoảng cách giữa các ký tự.
C. Đặt khoảng cách giữa các dòng văn bản.
D. Đặt độ dày của đường kẻ ngang.

8. Thuộc tính width và height trong CSS áp dụng cho loại hộp nào của CSS Box Model?

A. Padding
B. Border
C. Margin
D. Content

9. Thuộc tính display: inline-block; cho phép phần tử có những đặc tính gì?

A. Chỉ có thể đặt chiều rộng và chiều cao, không thể float.
B. Không thể đặt chiều rộng và chiều cao, nhưng có thể float.
C. Có thể đặt chiều rộng và chiều cao, và có thể float, nhưng không ảnh hưởng đến luồng văn bản xung quanh.
D. Có thể đặt chiều rộng và chiều cao, và có thể float, đồng thời tương tác với luồng văn bản như một phần tử inline.

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

A. background-color
B. text-color
C. color
D. font-color

11. Trong CSS, bộ chọn lớp (class selector) bắt đầu bằng ký tự nào?

A. #
B. .
C. *
D. !

12. Trong CSS, thuộc tính position: relative; có ảnh hưởng gì đến luồng văn bản?

A. Phần tử bị loại bỏ khỏi luồng văn bản.
B. Phần tử không bị ảnh hưởng bởi luồng văn bản, nhưng vẫn giữ vị trí ban đầu.
C. Phần tử vẫn giữ vị trí trong luồng văn bản, nhưng có thể dịch chuyển bằng các thuộc tính offset.
D. Phần tử sẽ chiếm toàn bộ chiều rộng có sẵn.

13. Khi sử dụng position: absolute; trong CSS, phần tử sẽ được định vị tương đối với phần tử nào?

A. Phần tử cha gần nhất có thuộc tính position khác static.
B. Phần tử cha gần nhất.
C. Khung nhìn (viewport) của trình duyệt.
D. Phần tử anh em gần nhất.

14. Trong CSS, thuộc tính margin dùng để làm gì?

A. Tạo khoảng cách bên trong phần tử, giữa nội dung và đường viền.
B. Tạo khoảng cách bên ngoài phần tử, giữa phần tử đó và các phần tử khác.
C. Thiết lập màu nền cho phần tử.
D. Định dạng kiểu chữ cho phần tử.

15. Đâu là cách đúng để chọn tất cả các phần tử có thuộc tính href bắt đầu bằng https://?

A. a[href^=https://]
B. a[href*=https://]
C. a[href$=https://]
D. a[href=https://]

16. Đâu là cách đúng để định nghĩa một bộ chọn ID trong CSS?

A. .my-id
B. #my-id
C. ID: my-id
D. my-id

17. Thuộc tính display: flex; áp dụng cho phần tử cha sẽ làm gì?

A. Làm cho các phần tử con được sắp xếp theo dạng lưới.
B. Làm cho các phần tử con được sắp xếp theo một hàng hoặc một cột.
C. Làm cho các phần tử con được ẩn đi.
D. Làm cho các phần tử con được căn giữa theo chiều ngang.

18. Thuộc tính CSS nào dùng để định cỡ chữ của một phần tử?

A. font-size
B. text-size
C. size
D. font-weight

19. Đâu là cú pháp đúng để chọn tất cả các phần tử p trong CSS?

A. p { }
B. .p { }
C. #p { }
D. p[] { }

20. Trong CSS, khi thuộc tính float được sử dụng, điều gì xảy ra với luồng văn bản thông thường?

A. Phần tử được nổi lên trên cùng của trang.
B. Phần tử được loại bỏ khỏi luồng văn bản bình thường và được đặt sang trái hoặc phải.
C. Phần tử sẽ chiếm toàn bộ chiều rộng có sẵn.
D. Phần tử sẽ được căn giữa theo chiều ngang.

21. Trong CSS, thuộc tính box-sizing: border-box; làm gì?

A. Bao gồm padding và border vào tổng chiều rộng và chiều cao của phần tử.
B. Chỉ bao gồm padding vào tổng chiều rộng và chiều cao.
C. Loại bỏ padding và border khỏi tổng chiều rộng và chiều cao.
D. Chỉ bao gồm border vào tổng chiều rộng và chiều cao.

22. Đâu là cách đúng để định nghĩa một biến CSS (custom property)?

A. --my-variable: value;
B. var(--my-variable);
C. custom-property: --my-variable;
D. $my-variable: value;

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

A. Thay đổi kích thước của phần tử.
B. Thay đổi vị trí của phần tử trên trục Z (độ sâu).
C. Thay đổi hướng hiển thị của văn bản.
D. Thiết lập khoảng cách giữa các dòng văn bản.

24. Đâu là cách viết đúng để nhúng một file CSS bên ngoài vào trang HTML?

A.
B.
C.
D.

25. Trong CSS, thuộc tính border có thể được viết tắt bằng cách sử dụng các thuộc tính con như border-width, border-style, border-color. Tuy nhiên, đâu là cách viết tắt đúng cho cả ba thuộc tính này?

A. border: 1px solid blue;
B. border-style: 1px solid blue;
C. border-width: 1px; border-style: solid; border-color: blue;
D. border: blue 1px solid;