Câu 1
Để 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?
Đáp án và lời giải
Đáp án: C
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12 (có đáp án): Định kiểu CSS cho biểu mẫu
Xem trước: đọc nhanh mọi câu dạng chữ, chưa tính giờ, chưa hiện đáp án.
Luyện tập: chọn đáp án là biết đúng sai ngay, kèm lời giải.
Thi thử: nộp bài mới chấm điểm và hiện lời giải.
Luyện tập: chọn đáp án là biết đúng sai ngay, kèm lời giải.
Thi thử: nộp bài mới chấm điểm và hiện lời giải.
Câu 2
Để đị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?
Đáp án và lời giải
Đáp án: A
Câu 3
Để 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?
Đáp án và lời giải
Đáp án: D
Câu 4
Để đị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?
Đáp án và lời giải
Đáp án: C
Câu 5
Để đặ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?
Đáp án và lời giải
Đáp án: C
Câu 6
Để đặ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?
Đáp án và lời giải
Đáp án: A
Câu 7
Để đị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?
Đáp án và lời giải
Đáp án: B
Câu 8
Để 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?
Đáp án và lời giải
Đáp án: B
Câu 9
Để đặ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?
Đáp án và lời giải
Đáp án: B
Câu 10
Để đị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?
Đáp án và lời giải
Đáp án: C
Câu 11
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.
Đáp án và lời giải
Đáp án: a) Đúng; b) Đúng; c) Sai; d) Đúng
Câu 12
Đáp án do AI giảiPhá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.
Đáp án và lời giải
Đáp án: a) Đúng; b) Đúng; c) Đúng; d) Đúng
Câu 13
Để đị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ì?
Đáp án và lời giải
Đáp án: block Giải thích: Các phần tử HTML cấp độ block như <header>, <div>, và các tiêu đề từ <h1> đến <h6> chiếm toàn bộ độ rộng của trang và hiển thị tuần tự trên từng dòng. Để định kiểu cho các phần tử này, thuộc tính display cần được đặt giá trị block.
Câu 14
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?
Đáp án và lời giải
Đáp án: border-box Giải thích: Giá trị border-box của thuộc tính box-sizing làm cho vùng đệm và đường biên được tính gộp vào tổng chiều rộng của hộp văn bản, giúp dễ dàng kiểm soát kích thước.
Câu 15
Để đị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?
Đáp án và lời giải
Đáp án: :hover Giải thích: Trạng thái :hover được sử dụng để định kiểu cho các nút nhấn khi con trỏ chuột nằm trên nút, thay đổi cách hiển thị của nút trong trạng thái này.