Trắc nghiệm Khoa học máy tính 12 chân trời sáng tạo bài F12: Định kiểu CSS cho biểu mẫu:

1. Trong CSS, selector nào sẽ áp dụng kiểu dáng cho một phần tử có thuộc tính id là submit-button?

A. .submit-button

B. submit-button

C. #submit-button

D. *submit-button

2. Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân mặc định của các liên kết (a tag) trong biểu mẫu?

A. text-decoration: none

B. text-decoration: underline

C. text-style: none

D. border: none

3. Thuộc tính CSS nào dùng để tạo kiểu cho placeholder text (văn bản gợi ý mờ) trong các ô nhập liệu?

A. input::placeholder

B. input::-moz-placeholder

C. input::-webkit-input-placeholder

D. Tất cả các lựa chọn trên

4. Thuộc tính CSS nào có thể được sử dụng để thay đổi con trỏ chuột khi người dùng di chuyển qua một nút bấm trong biểu mẫu?

A. cursor: pointer

B. cursor: default

C. cursor: text

D. cursor: move

5. Nếu bạn muốn các phần tử con trong một container sử dụng không gian có sẵn một cách hiệu quả và tự động điều chỉnh vị trí, bạn nên áp dụng display nào cho container?

A. display: block

B. display: inline

C. display: flex

D. display: inline-block

6. Thuộc tính CSS nào quy định khoảng cách bên trong của một phần tử, ví dụ khoảng cách giữa nội dung và đường viền của nút bấm?

A. margin

B. border

C. padding

D. outline

7. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ của một phần tử?

A. background-color

B. color

C. font-size

D. text-align

8. Nếu bạn muốn đặt một đường viền màu xanh lam cho toàn bộ biểu mẫu (form), bạn sẽ sử dụng selector nào kết hợp với thuộc tính border?

A. input

B. button

C. form

D. label

9. Thuộc tính CSS nào cho phép bạn thay đổi kiểu của đường viền, ví dụ như solid, dashed, dotted?

A. border-color

B. border-width

C. border-style

D. border-radius

10. Để đặt kích thước font chữ cho tất cả các trường nhập liệu (input fields) trong biểu mẫu là 16px, bạn sẽ áp dụng CSS cho selector nào?

A. form

B. label

C. input[type=text], input[type=email], input[type=password]

D. All of the above

11. Để đặt kiểu chữ nghiêng cho nhãn của các trường nhập liệu, bạn sẽ sử dụng thuộc tính CSS nào?

A. font-weight

B. font-style

C. font-variant

D. text-style

12. Thuộc tính CSS nào được dùng để tạo hiệu ứng chuyển động mượt mà khi thay đổi một thuộc tính nào đó của phần tử, ví dụ thay đổi màu nền?

A. animation

B. transition

C. transform

D. timing-function

13. Selector nào sẽ chọn tất cả các phần tử mà người dùng đã tương tác vào (ví dụ đã click vào) trong một biểu mẫu?

A. input:hover

B. input:focus

C. input:active

D. input:visited

14. Thuộc tính CSS nào được dùng để căn chỉnh nội dung văn bản sang bên phải trong một ô nhập liệu?

A. align-items

B. justify-content

C. text-align

D. vertical-align

15. Thuộc tính CSS nào dùng để điều chỉnh độ rộng của một phần tử, ví dụ như một ô nhập liệu?

A. height

B. width

C. size

D. dimension

16. Bạn muốn tạo một hiệu ứng đổ bóng cho các ô nhập liệu. Thuộc tính CSS nào bạn sẽ sử dụng?

A. text-shadow

B. box-shadow

C. shadow

D. border-shadow

17. Bạn muốn đặt một border bán kính cho các nút submit trong biểu mẫu để trông mềm mại hơn. Bạn sẽ dùng thuộc tính CSS nào?

A. border-radius

B. border-curve

C. corner-radius

D. roundness

18. Để tạo một khoảng cách bên ngoài cho mỗi trường nhập liệu, ngăn cách chúng với nhau, bạn sẽ sử dụng thuộc tính CSS nào?

A. padding

B. margin

C. spacing

D. gap

19. Nếu bạn muốn các nhãn (label) và các trường nhập liệu (input) xếp chồng lên nhau theo chiều dọc, bạn có thể áp dụng display nào cho một container bao quanh chúng?

A. display: inline-flex

B. display: flex

C. display: inline-block

D. display: grid

20. Để làm cho các trường nhập liệu của cùng một nhóm có cùng chiều cao, bạn có thể sử dụng kết hợp CSS với thuộc tính nào của Flexbox?

A. justify-content

B. align-items

C. flex-wrap

D. flex-grow

21. Để làm cho văn bản trong một biểu mẫu trở nên đậm hơn, bạn sẽ sử dụng thuộc tính CSS nào?

A. font-weight

B. text-decoration

C. font-style

D. text-transform

22. Thuộc tính CSS nào được sử dụng để thay đổi màu nền của một phần tử trong biểu mẫu?

A. color

B. background-image

C. background-color

D. border-color

23. Selector nào sẽ chọn tất cả các phần tử có thuộc tính type là submit hoặc reset?

A. input[type=submit]

B. input[type=reset]

C. input[type=submit], input[type=reset]

D. input[type=button]

24. Nếu bạn muốn các phần tử trong một biểu mẫu chiếm toàn bộ chiều rộng có sẵn của container cha, bạn sẽ đặt width là bao nhiêu?

A. width: auto

B. width: 100%

C. width: inherit

D. width: fit-content

25. Bạn muốn làm cho các trường nhập liệu có cùng một kích thước chiều cao. Thuộc tính CSS nào là phù hợp nhất để đạt được điều này?

A. width: 100%

B. height: 40px

C. box-sizing: border-box

D. line-height: 40px