TopStudy

Tin học · Lớp 12

15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12 có đáp án

15 câu · 23 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Trắc nghiệm nhiều lựa chọn

Câu 1

1 điểm

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Để làm nổi bật hộp văn bản khi người dùng đặt con trỏ vào, thuộc tính nào cần được sử dụng để thay đổi đường viền của hộp văn bản?

  1. Đáp án A: background-color
  2. Đáp án B: border
  3. Đáp án C: outline
  4. Đáp án D: box-shadow
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Đáp án: C

Giải thích: Thuộc tính outline được sử dụng để thay đổi đường viền của hộp văn bản khi người dùng đặt con trỏ vào, mà không làm ảnh hưởng đến kích thước và bố cục của hộp văn bản.

Câu 2

1 điểm
Để định kiểu cho các hộp văn bản trong biểu mẫu với kích thước tổng cộng là 300 pixels, bạn cần sử dụng thuộc tính nào để tính gộp vùng đệm và đường biên vào tổng chiều rộng?
  1. Đáp án A: box-sizing
  2. Đáp án B: margin
  3. Đáp án C: padding
  4. Đáp án D: border
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: A

Đáp án: A

Giải thích: Thuộc tính box-sizing với giá trị border-box cho phép tính gộp vùng đệm và đường biên vào tổng chiều rộng của hộp văn bản.

Câu 3

1 điểm
Để làm cho nút nhấn chuyển sang màu đỏ khi đang được nhấn và giữ chuột, thuộc tính nào cần được sử dụng?
  1. Đáp án A: hover
  2. Đáp án B: focus
  3. Đáp án C: checked
  4. Đáp án D: active
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: D

Đáp án: D

Giải thích: Thuộc tính :active được sử dụng để định kiểu cho nút nhấn khi đang được nhấn và giữ chuột.

Câu 4

1 điểm
Để định kiểu cho nút tròn trong trạng thái được chọn, thuộc tính nào cần được sử dụng?
  1. Đáp án A: hover
  2. Đáp án B: focus
  3. Đáp án C: checked
  4. Đáp án D: active
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Đáp án: C

Giải thích: Thuộc tính :checked được sử dụng để định kiểu cho nút tròn hoặc hộp kiểm khi chúng ở trạng thái được chọn.

Câu 5

1 điểm
Để đặt thuộc tính hiển thị cho các phần tử HTML cấp độ block trong biểu mẫu, bạn cần sử dụng giá trị nào cho thuộc tính display?
  1. Đáp án A: inline
  2. Đáp án B: flex
  3. Đáp án C: block
  4. Đáp án D: none
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Đáp án: C

Giải thích: Giá trị block của thuộc tính display được sử dụng để đặt các phần tử HTML cấp độ block hiển thị toàn bộ chiều rộng của trang và tuần tự trên từng dòng.

Câu 6

1 điểm
Để đặt màu nền cho hộp văn bản khi con trỏ chuột nằm trên nó, bạn cần sử dụng thuộc tính nào?
  1. Đáp án A: background-color
  2. Đáp án B: border-color
  3. Đáp án C: color
  4. Đáp án D: outline-color
Xem đáp án và lời giải

Câu 7

1 điểm
Để định kiểu cho các hộp kiểm khi chúng không được chọn, thuộc tính nào được sử dụng?
  1. Đáp án A: focus
  2. Đáp án B: not(:checked)
  3. Đáp án C: active
  4. Đáp án D: hover
Xem đáp án và lời giải

Câu 8

1 điểm
Để làm cho hộp văn bản có đường viền màu xanh khi người dùng đặt con trỏ vào, thuộc tính nào nên được sử dụng?
  1. Đáp án A: border-color
  2. Đáp án B: outline-color
  3. Đáp án C: background-color
  4. Đáp án D: text-color
Xem đáp án và lời giải

Câu 9

1 điểm
Để đặt các phần tử <<div> và <<form> chiếm toàn bộ chiều rộng của trang, thuộc tính nào cần sử dụng?
  1. Đáp án A: margin
  2. Đáp án B: display
  3. Đáp án C: width
  4. Đáp án D: height
Xem đáp án và lời giải

Câu 10

1 điểm
Để định kiểu cho trạng thái khi nút tròn hoặc hộp kiểm được chọn, bạn cần sử dụng lớp nào?
  1. Đáp án A: hover
  2. Đáp án B: focus
  3. Đáp án C: checked
  4. Đáp án D: disabled
Xem đáp án và lời giải

Phần II. Tự luận

Câu 11

1 điểm

PHẦN II. Câu trắc nghiệm đúng Sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Phát biểu sau đây đúng hay sai về định kiểu cho hộp văn bản?

a) Để định kiểu cho phần tử cấp độ block trong biểu mẫu, sử dụng giá trị block cho thuộc tính display.

b) Thuộc tính box-sizing với giá trị border-box làm cho vùng đệm và đường biên được tính vào tổng chiều rộng của hộp văn bản.

c) Thuộc tính outline làm ảnh hưởng đến kích thước và bố cục của hộp văn bản.

d) Để làm nổi bật hộp văn bản khi người dùng đặt con trỏ vào, khai báo trạng thái :focus là cần thiết.

Xem đáp án và lời giải

Câu 12

1 điểm

Phát biểu sau đây đúng hay sai về định kiểu cho nút tròn, hộp kiểm và nút nhấn?

a) Để định kiểu cho nút tròn, hộp kiểm và nút nhấn, khai báo vùng chọn bằng tên thẻ và thuộc tính type trong cặp ngoặc vuông.

b) Trạng thái :checked dùng để định kiểu cho các nút tròn và hộp kiểm khi chúng được chọn.

c) Để định kiểu cho nút nhấn, sử dụng thuộc tính :hover để thay đổi màu sắc khi con trỏ chuột nằm trên nút.

d) Để định kiểu cho trạng thái nút nhấn khi nhấn và giữ chuột, sử dụng thuộc tính :active.

Xem đáp án và lời giải

Câu 13

1 điểm

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Để định kiểu cho phần tử cấp độ block trong biểu mẫu, thuộc tính display cần được đặt giá trị gì?

Xem đáp án và lời giải

Câu 14

1 điểm
Thuộc tính box-sizing với giá trị nào giúp tính gộp vùng đệm và đường biên vào tổng chiều rộng của hộp văn bản?
Xem đáp án và lời giải

Câu 15

1 điểm
Để định kiểu cho trạng thái nút nhấn khi con trỏ chuột nằm trên nút, thuộc tính nào cần được sử dụng?
Xem đáp án và lời giải

Đề cùng chủ đề

Tất cả đề Bài F12. Định kiểu CSS cho biểu mẫu · Các bộ sách Tin học Lớp 12