Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

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


Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

1. Trong CSS, bạn có thể làm nổi bật một trường nhập liệu khi người dùng nhập sai dữ liệu bằng cách nào?

A. Sử dụng bộ chọn :valid
B. Sử dụng bộ chọn :invalid
C. Sử dụng bộ chọn :checked
D. Sử dụng bộ chọn :disabled

2. Thuộc tính CSS nào giúp định dạng kiểu hiển thị cho các tùy chọn trong danh sách thả xuống (select element)?

A. list-style-type
B. appearance
C. text-decoration
D. display

3. Để tạo hiệu ứng đổi màu khi rê chuột qua một nút bấm (hover effect) trong biểu mẫu, bạn sẽ sử dụng bộ chọn CSS nào kết hợp với thuộc tính?

A. element:focus
B. element:active
C. element:hover
D. element:visited

4. Để tạo khoảng cách bên trong một phần tử biểu mẫu (ví dụ: giữa viền và nội dung), bạn sẽ sử dụng thuộc tính CSS nào?

A. margin
B. border
C. padding
D. outline

5. Để tạo một khoảng cách giữa các cột của các trường nhập liệu khi sử dụng CSS Grid, bạn sẽ sử dụng thuộc tính nào?

A. grid-row-gap
B. grid-column-gap
C. grid-gap
D. grid-template-columns

6. Bạn muốn tạo một nút bấm trong biểu mẫu có hiệu ứng chuyển đổi màu nền mượt mà trong 0.5 giây. Thuộc tính CSS nào cần được sử dụng?

A. animation
B. transition
C. transform
D. animation-delay

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

A. padding
B. margin
C. border
D. outline

8. Khi muốn làm cho các trường nhập liệu có cùng chiều rộng, bạn nên sử dụng thuộc tính CSS nào?

A. height
B. width
C. max-width
D. min-width

9. Trong CSS, làm thế nào để bạn đảm bảo văn bản trong một trường nhập liệu không bị tràn ra ngoài nếu quá dài?

A. text-overflow: ellipsis
B. white-space: nowrap
C. word-wrap: break-word
D. overflow: hidden

10. Để bỏ viền cho một nút bấm (button) trong biểu mẫu bằng CSS, bạn sẽ áp dụng thuộc tính nào với giá trị "none"?

A. border-style
B. border-width
C. border-color
D. border

11. Khi bạn muốn các trường nhập liệu và nhãn của chúng (labels) xếp chồng lên nhau theo chiều dọc, bạn có thể áp dụng kiểu hiển thị nào cho phần tử chứa chúng?

A. display: inline
B. display: flex
C. display: inline-block
D. display: block

12. Thuộc tính CSS nào được dùng để tạo bóng đổ cho một phần tử biểu mẫu, làm nó trông nổi bật hơn?

A. text-shadow
B. box-shadow
C. filter: drop-shadow()
D. outline-style

13. Thuộc tính CSS nào cho phép bạn thay đổi kiểu chữ của văn bản trong một trường nhập liệu?

A. font-style
B. font-weight
C. font-family
D. font-size

14. Thuộc tính CSS nào được sử dụng để xác định kiểu hiển thị của con trỏ chuột khi di chuyển qua một trường nhập liệu hoặc nút bấm?

A. cursor
B. pointer
C. mouse-style
D. arrow

15. Thuộc tính CSS nào quy định cách các phần tử biểu mẫu được sắp xếp và căn chỉnh trong một khối?

A. float
B. position
C. display
D. text-align

16. Thuộc tính CSS nào cho phép bạn thay đổi kích thước font chữ của văn bản trong một trường nhập liệu?

A. font-family
B. font-weight
C. font-size
D. font-style

17. Nếu bạn muốn các nhãn (labels) và các trường nhập liệu tương ứng nằm ngang hàng nhau, bạn có thể áp dụng kiểu hiển thị nào cho các nhãn?

A. display: block
B. display: inline
C. display: inline-block
D. display: flex

18. Trong CSS, thuộc tính nào được sử dụng để xác định màu nền cho một phần tử biểu mẫu?

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

19. Thuộc tính CSS nào cho phép bạn thay đổi màu sắc của văn bản trong một trường nhập liệu khi nó đang được tập trung (focused)?

A. color
B. background-color
C. border-color
D. text-decoration

20. Nếu bạn muốn các trường nhập liệu có kiểu hiển thị là "inline-block", điều này có nghĩa là gì?

A. Chúng sẽ chiếm toàn bộ chiều rộng và xếp chồng lên nhau.
B. Chúng sẽ hiển thị trên cùng một dòng và chỉ chiếm không gian cần thiết.
C. Chúng sẽ hiển thị trên cùng một dòng nhưng có thể đặt width, height, margin, padding.
D. Chúng sẽ không hiển thị trên trang web.

21. Để tạo một đường viền cong cho các góc của một trường nhập liệu, bạn sẽ sử dụng thuộc tính CSS nào?

A. border-radius
B. border-collapse
C. border-spacing
D. border-image

22. Thuộc tính CSS nào cho phép bạn đặt một hình ảnh làm nền cho một phần tử biểu mẫu?

A. background-image
B. background-repeat
C. background-position
D. background-size

23. Thuộc tính CSS nào được sử dụng để thay đổi kiểu chữ (ví dụ: nghiêng) của văn bản trong một trường nhập liệu?

A. font-family
B. font-variant
C. font-style
D. font-stretch

24. Thuộc tính CSS nào kiểm soát việc lặp lại hình ảnh nền cho một phần tử biểu mẫu?

A. background-position
B. background-size
C. background-repeat
D. background-attachment

25. Để làm cho các trường nhập liệu có một đường viền dày hơn, ví dụ 2 pixel, bạn sẽ dùng thuộc tính CSS nào?

A. border-style: solid
B. border-width: 2px
C. border-color: black
D. border: 2px solid black

1 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

1. Trong CSS, bạn có thể làm nổi bật một trường nhập liệu khi người dùng nhập sai dữ liệu bằng cách nào?

2 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

2. Thuộc tính CSS nào giúp định dạng kiểu hiển thị cho các tùy chọn trong danh sách thả xuống (select element)?

3 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

3. Để tạo hiệu ứng đổi màu khi rê chuột qua một nút bấm (hover effect) trong biểu mẫu, bạn sẽ sử dụng bộ chọn CSS nào kết hợp với thuộc tính?

4 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

4. Để tạo khoảng cách bên trong một phần tử biểu mẫu (ví dụ: giữa viền và nội dung), bạn sẽ sử dụng thuộc tính CSS nào?

5 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

5. Để tạo một khoảng cách giữa các cột của các trường nhập liệu khi sử dụng CSS Grid, bạn sẽ sử dụng thuộc tính nào?

6 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

6. Bạn muốn tạo một nút bấm trong biểu mẫu có hiệu ứng chuyển đổi màu nền mượt mà trong 0.5 giây. Thuộc tính CSS nào cần được sử dụng?

7 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

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

8 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

8. Khi muốn làm cho các trường nhập liệu có cùng chiều rộng, bạn nên sử dụng thuộc tính CSS nào?

9 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

9. Trong CSS, làm thế nào để bạn đảm bảo văn bản trong một trường nhập liệu không bị tràn ra ngoài nếu quá dài?

10 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

10. Để bỏ viền cho một nút bấm (button) trong biểu mẫu bằng CSS, bạn sẽ áp dụng thuộc tính nào với giá trị none?

11 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

11. Khi bạn muốn các trường nhập liệu và nhãn của chúng (labels) xếp chồng lên nhau theo chiều dọc, bạn có thể áp dụng kiểu hiển thị nào cho phần tử chứa chúng?

12 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

12. Thuộc tính CSS nào được dùng để tạo bóng đổ cho một phần tử biểu mẫu, làm nó trông nổi bật hơn?

13 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

13. Thuộc tính CSS nào cho phép bạn thay đổi kiểu chữ của văn bản trong một trường nhập liệu?

14 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

14. Thuộc tính CSS nào được sử dụng để xác định kiểu hiển thị của con trỏ chuột khi di chuyển qua một trường nhập liệu hoặc nút bấm?

15 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

15. Thuộc tính CSS nào quy định cách các phần tử biểu mẫu được sắp xếp và căn chỉnh trong một khối?

16 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

16. Thuộc tính CSS nào cho phép bạn thay đổi kích thước font chữ của văn bản trong một trường nhập liệu?

17 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

17. Nếu bạn muốn các nhãn (labels) và các trường nhập liệu tương ứng nằm ngang hàng nhau, bạn có thể áp dụng kiểu hiển thị nào cho các nhãn?

18 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

18. Trong CSS, thuộc tính nào được sử dụng để xác định màu nền cho một phần tử biểu mẫu?

19 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

19. Thuộc tính CSS nào cho phép bạn thay đổi màu sắc của văn bản trong một trường nhập liệu khi nó đang được tập trung (focused)?

20 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

20. Nếu bạn muốn các trường nhập liệu có kiểu hiển thị là inline-block, điều này có nghĩa là gì?

21 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

21. Để tạo một đường viền cong cho các góc của một trường nhập liệu, bạn sẽ sử dụng thuộc tính CSS nào?

22 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

22. Thuộc tính CSS nào cho phép bạn đặt một hình ảnh làm nền cho một phần tử biểu mẫu?

23 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

23. Thuộc tính CSS nào được sử dụng để thay đổi kiểu chữ (ví dụ: nghiêng) của văn bản trong một trường nhập liệu?

24 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

24. Thuộc tính CSS nào kiểm soát việc lặp lại hình ảnh nền cho một phần tử biểu mẫu?

25 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu

Tags: Bộ đề 1

25. Để làm cho các trường nhập liệu có một đường viền dày hơn, ví dụ 2 pixel, bạn sẽ dùng thuộc tính CSS nào?