Bộ câu hỏi trắc nghiệm CSS online (Có đáp án) số 1 bao gồm nhiều câu hỏi về CSS. Cùng rèn luyện kiến thức CSS online số 1 ngay nhé.
1. Thuộc tính CSS 'object fit' dùng để làm gì?
A. Điều chỉnh kích thước của một phần tử để phù hợp với nội dung của nó
B. Điều chỉnh cách một phần tử hình ảnh hoặc video phù hợp với vùng chứa của nó
C. Tạo hiệu ứng bóng đổ cho một phần tử
D. Thay đổi hình dạng của một phần tử
2. Đơn vị nào sau đây không phải là đơn vị tuyệt đối trong CSS?
3. Thuộc tính CSS nào được sử dụng để kiểm soát khoảng cách giữa các dòng trong một đoạn văn bản?
A. text spacing
B. word spacing
C. line height
D. paragraph spacing
4. CSS Grid Layout và Flexbox khác nhau như thế nào?
A. CSS Grid Layout là cho bố cục một chiều, Flexbox là cho bố cục hai chiều
B. Flexbox là cho bố cục một chiều, CSS Grid Layout là cho bố cục hai chiều
C. Chúng hoàn toàn giống nhau và có thể thay thế cho nhau
D. Flexbox chỉ dành cho các phần tử inline, CSS Grid Layout chỉ dành cho các phần tử block
5. Thuộc tính CSS nào được sử dụng để kiểm soát thứ tự xếp chồng của các phần tử (z index)?
A. order
B. stack
C. z index
D. position
6. Thuộc tính CSS nào được sử dụng để kiểm soát khoảng cách giữa các chữ cái trong một văn bản?
A. line height
B. word spacing
C. letter spacing
D. text indent
7. Giá trị nào của thuộc tính 'position' sẽ loại bỏ phần tử khỏi luồng tài liệu thông thường và cho phép định vị nó tương đối so với cửa sổ trình duyệt?
A. relative
B. absolute
C. fixed
D. static
8. Để căn giữa một phần tử theo cả chiều ngang và chiều dọc bên trong một phần tử cha bằng CSS, bạn có thể sử dụng phương pháp nào?
A. Chỉ sử dụng thuộc tính 'text align center'
B. Sử dụng Flexbox hoặc CSS Grid Layout
C. Chỉ sử dụng thuộc tính 'vertical align middle'
D. Sử dụng thuộc tính 'float left' và 'float right'
9. Thuộc tính CSS nào được sử dụng để cắt bớt văn bản khi nó tràn ra khỏi vùng chứa?
A. text overflow
B. overflow
C. white space
D. text wrap
10. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển đổi (transition) mượt mà giữa các trạng thái?
A. animation
B. transform
C. transition
D. effect
11. Đâu là lợi ích chính của việc sử dụng CSS preprocessors (ví dụ Sass, Less)?
A. Tăng tốc độ tải trang
B. Cho phép sử dụng các tính năng như biến, mixin, và nesting, giúp viết CSS dễ bảo trì hơn
C. Tự động tối ưu hóa hình ảnh
D. Cải thiện SEO
12. Sự khác biệt chính giữa 'inline' và 'inline block' là gì?
A. 'inline block' có thể thiết lập chiều cao và chiều rộng, 'inline' thì không
B. 'inline' có thể thiết lập chiều cao và chiều rộng, 'inline block' thì không
C. Không có sự khác biệt, chúng hoàn toàn giống nhau
D. 'inline block' luôn tạo ra một dòng mới, 'inline' thì không
13. Thuộc tính CSS nào được sử dụng để thay đổi kiểu con trỏ chuột khi di chuyển qua một phần tử?
A. mouse style
B. cursor
C. pointer
D. hover
14. Thuộc tính nào sau đây không phải là một thuộc tính border trong CSS?
A. border style
B. border width
C. border spacing
D. border color
15. Pseudo-class ':hover' được sử dụng để làm gì?
A. Chọn một phần tử khi nó được nhấp vào
B. Chọn một phần tử khi con trỏ chuột di chuyển qua nó
C. Chọn một phần tử khi nó đang được tải
D. Chọn một phần tử khi nó được focus
16. Giá trị 'auto' trong thuộc tính 'margin' có ý nghĩa gì?
A. Tự động chọn màu lề
B. Tự động đặt kích thước lề bằng 0
C. Tự động căn giữa phần tử theo chiều ngang
D. Tự động điều chỉnh lề dựa trên nội dung
17. Thuộc tính CSS nào được sử dụng để làm cho văn bản viết hoa tất cả các chữ cái?
A. text transform uppercase
B. font case uppercase
C. text case uppercase
D. uppercase text transform
18. Bộ chọn nào sau đây được sử dụng để chọn tất cả các phần tử 'p' bên trong một phần tử 'div'?
A. div.p
B. div p
C. div+p
D. div>p
19. Thuộc tính CSS nào được sử dụng để kiểm soát xem một phần tử có hiển thị hay không?
A. visibility
B. display
C. hidden
D. show
20. Thuộc tính CSS nào được sử dụng để xác định kích thước phông chữ?
A. font family
B. text size
C. font size
D. text font
21. Thuộc tính CSS nào được sử dụng để thêm bóng cho văn bản?
A. text outline
B. text shadow
C. text effect
D. shadow text
22. Thuộc tính CSS 'float' được sử dụng để làm gì?
A. Làm cho phần tử trôi nổi trên trang
B. Định vị phần tử sang trái hoặc phải của vùng chứa của nó
C. Tạo hiệu ứng bóng đổ cho phần tử
D. Làm cho phần tử trong suốt
23. Thuộc tính 'box sizing border box' có tác dụng gì?
A. Tính cả padding và border vào tổng chiều rộng và chiều cao của phần tử
B. Loại bỏ padding và border khỏi tổng chiều rộng và chiều cao của phần tử
C. Thêm bóng cho phần tử
D. Thay đổi màu nền của phần tử
24. Cách viết nào sau đây là đúng để liên kết một file CSS bên ngoài với một trang HTML?
A. link rel stylesheet type text css href mystyle css
B. style src mystyle css
C. stylesheet mystyle css
D. css src mystyle css
25. Thuộc tính CSS nào được sử dụng để làm cho văn bản nghiêng?
A. font variant
B. text decoration
C. font style
D. font weight
26. Thuộc tính CSS nào được sử dụng để thiết lập hình ảnh nền cho một phần tử?
A. image source
B. background image
C. img src
D. src image
27. Cách viết nào sau đây là đúng để chỉ định màu nền cho tất cả các thẻ 'p'?
A. all p {background color red}
B. p {background red}
C. p {background color red}
D. p.all {background color red}
28. Trong CSS, 'selector specificity' là gì?
A. Độ chi tiết của một màu sắc
B. Độ ưu tiên của một quy tắc CSS khi có nhiều quy tắc xung đột
C. Độ đậm của một phông chữ
D. Độ trong suốt của một phần tử
29. Thuộc tính CSS nào được sử dụng để làm cho văn bản in đậm?
A. font variant
B. text decoration
C. font weight
D. font style
30. Khi nào nên sử dụng 'em' so với 'rem' trong CSS?
A. 'em' dựa trên kích thước phông chữ của phần tử gốc, 'rem' dựa trên kích thước phông chữ của phần tử cha
B. 'rem' dựa trên kích thước phông chữ của phần tử gốc, 'em' dựa trên kích thước phông chữ của phần tử cha
C. Chúng có thể thay thế cho nhau và không có sự khác biệt
D. 'em' chỉ nên sử dụng cho kích thước phông chữ, 'rem' chỉ nên sử dụng cho margin và padding
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO