Bộ 30+ câu hỏi trắc nghiệm Định dạng Biểu mẫu (Form) với CSS. Cùng rèn luyện kiến thức CSS online ngay nhé.
1. Để tạo hiệu ứng hover (khi di chuột qua) cho một nút trong form, bạn sử dụng cú pháp CSS nào?
A. button active
B. button hover
C. button focus
D. button visited
2. Làm thế nào để tạo một layout form trong đó các label được căn chỉnh ngay bên trên các input trên mọi kích thước màn hình?
A. Sử dụng thuộc tính float và clear
B. Sử dụng thuộc tính position absolute
C. Sử dụng thuộc tính display block cho label và input
D. Sử dụng thuộc tính display inline cho label và input
3. Trong CSS, làm thế nào để bạn chỉ định một font chữ cụ thể cho tất cả các phần tử input trong form?
A. form input font-family Arial
B. input font-family Arial
C. form input font Arial
D. input font Arial
4. Để tạo một hiệu ứng khi một input được focus, bạn muốn thay đổi cả màu nền và màu chữ, cú pháp CSS nào là đúng?
A. input focus background-color yellow color black
B. input:focus background-color yellow color black
C. input:focus { background-color yellow color black }
D. input focus { background-color yellow color black }
5. Thuộc tính CSS nào được dùng để thay đổi màu nền của một nút (button) trong form?
A. text-color
B. background-color
C. color
D. button-color
6. Trong CSS, thuộc tính nào được sử dụng để tạo khoảng cách giữa các phần tử trong một form?
A. padding
B. margin
C. border
D. spacing
7. Làm thế nào để loại bỏ đường viền mặc định của một phần tử `input` trong form bằng CSS?
A. border-style none
B. outline none
C. border none
D. border-width 0
8. Để thay đổi màu chữ của phần giữ chỗ (placeholder) trong một ô input, bạn sử dụng pseudo-element nào?
A. input placeholder
B. input::placeholder
C. input:placeholder
D. input-placeholder
9. Thuộc tính CSS nào được sử dụng để thay đổi kích thước phông chữ của một phần tử form?
A. font-family
B. font-style
C. font-size
D. text-size
10. Trong CSS, thuộc tính nào được sử dụng để kiểm soát thứ tự hiển thị của các phần tử form khi sử dụng flexbox hoặc grid?
A. display
B. order
C. z-index
D. position
11. Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ chuột khi di chuyển qua một phần tử form?
A. cursor
B. pointer
C. mouse
D. hand
12. Trong CSS, thuộc tính nào được sử dụng để tạo một hiệu ứng mờ (blur) cho một phần tử form hoặc nền của nó?
A. opacity
B. filter blur
C. visibility
D. transparency
13. Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của một phần tử form thành dạng hàng ngang?
A. display inline-block
B. float left
C. display block
D. position absolute
14. Làm thế nào để ngăn người dùng thay đổi kích thước của một `textarea` bằng CSS?
A. resize none
B. overflow hidden
C. size fixed
D. textarea fixed
15. Để làm cho các phần tử form (ví dụ: input, textarea) có chiều rộng bằng nhau và tự động điều chỉnh theo kích thước của container cha, bạn sử dụng thuộc tính CSS nào?
A. width auto
B. width 100%
C. width inherit
D. width fill
16. Làm thế nào để tạo một hiệu ứng bóng đổ cho một phần tử form (ví dụ: input, button) bằng CSS?
A. text-shadow
B. box-shadow
C. shadow
D. element-shadow
17. Làm thế nào để tạo một form có các input nằm trên cùng một hàng trên màn hình lớn, nhưng tự động chuyển xuống hàng dưới trên màn hình nhỏ?
A. Sử dụng thuộc tính float và clear
B. Sử dụng thuộc tính display inline-block và media queries
C. Sử dụng thuộc tính position absolute và media queries
D. Sử dụng thuộc tính display table và media queries
18. Thuộc tính CSS nào được sử dụng để căn chỉnh văn bản bên trong một phần tử `input`?
A. vertical-align
B. align
C. text-align
D. line-height
19. Trong CSS, thuộc tính nào được sử dụng để làm cho một phần tử form (ví dụ, một label) dính vào đầu trang khi người dùng cuộn trang?
A. position absolute
B. position relative
C. position fixed
D. position sticky
20. Thuộc tính CSS nào được sử dụng để tạo kiểu cho đường viền của một phần tử form khi nó được focus (ví dụ: khi người dùng nhấp vào ô input)?
A. element focus
B. focus-style
C. outline
D. element-outline
21. Làm thế nào để tạo một form có giao diện responsive, tự động điều chỉnh kích thước trên các thiết bị khác nhau?
A. Sử dụng đơn vị tuyệt đối (ví dụ: px) cho tất cả các kích thước
B. Sử dụng đơn vị tương đối (ví dụ: %, em, rem) và media queries
C. Sử dụng thuộc tính zoom để điều chỉnh kích thước
D. Sử dụng thuộc tính transform scale để điều chỉnh kích thước
22. Thuộc tính CSS nào được sử dụng để thay đổi màu của văn bản placeholder trong trạng thái focus của một input?
A. input focus::placeholder color red
B. input:focus::placeholder color red
C. input::placeholder:focus color red
D. input::focus-placeholder color red
23. Làm thế nào để tạo một form với các input có kích thước thay đổi linh hoạt dựa trên nội dung bên trong chúng?
A. Sử dụng thuộc tính width auto và thuộc tính box-sizing border-box
B. Sử dụng thuộc tính width fit-content và thuộc tính box-sizing border-box
C. Sử dụng thuộc tính width max-content và thuộc tính box-sizing border-box
D. Sử dụng thuộc tính width min-content và thuộc tính box-sizing border-box
24. Trong CSS, thuộc tính nào kiểm soát khoảng cách giữa đường viền và nội dung của một phần tử form?
A. margin
B. border
C. padding
D. spacing
25. Thuộc tính CSS nào được sử dụng để tạo một gradient (màu chuyển sắc) cho nền của một nút trong form?
A. background-color
B. gradient
C. background-image linear-gradient
D. color-gradient
26. Thuộc tính CSS nào được sử dụng để thêm khoảng trắng giữa các dòng văn bản trong một `textarea`?
A. word-spacing
B. letter-spacing
C. line-height
D. text-spacing
27. Thuộc tính CSS nào được sử dụng để làm tròn các góc của một phần tử form?
A. border-radius
B. corner-radius
C. border-corner
D. radius
28. Để tạo một hiệu ứng chuyển đổi màu nền mượt mà cho một nút khi hover, bạn sử dụng thuộc tính CSS nào?
A. animation
B. transition
C. transform
D. effect
29. Để tạo một layout form mà các label và input được căn chỉnh theo chiều dọc, bạn có thể sử dụng phương pháp CSS nào?
A. Sử dụng thuộc tính float cho label và input
B. Sử dụng thuộc tính position absolute cho label và input
C. Sử dụng thuộc tính display flex hoặc grid cho container form
D. Sử dụng thuộc tính text-align cho container form
30. Thuộc tính CSS nào được sử dụng để làm cho một phần tử form (ví dụ, một `div` chứa các input) cuộn nội dung khi nội dung vượt quá kích thước của nó?
A. overflow
B. scroll
C. clip
D. hidden
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO