Trắc nghiệm tin học 12 Bài F12

Câu 1 / 241.00 điểm

Việc định kiểu cho biểu mẫu bằng CSS mang lại lợi ích gì ngoài việc cải thiện tính thẩm mỹ?

AGiúp tăng cường khả năng tiếp cận và trải nghiệm người dùng.BGiúp tăng tốc độ xử lí dữ liệu của biểu mẫu trên máy chủ.CGiúp giảm thiểu số lượng mã HTML cần thiết để tạo biểu mẫu.DGiúp tăng cường tính bảo mật cho dữ liệu được gửi đi.

Câu 2 / 241.00 điểm

Để một phần tử <label> chiếm trọn một dòng và đẩy các phần tử khác xuống dưới, thuộc tính display cần có giá trị là gì?

Ainline.Binline-blockCblock.Dnone.

Câu 3 / 241.00 điểm

Thuộc tính box-sizing: border-box; có tác dụng gì khi định kiểu cho một hộp văn bản?

ALàm cho chiều rộng của hộp văn bản tự động co giãn.BLoại bỏ hoàn toàn đường viền và vùng đệm của hộp văn bản.CLàm cho vùng đệm và đường viền nằm ngoài chiều rộng đã định.DGộp vùng đệm và đường viền vào trong chiều rộng đã định.

Câu 4 / 241.00 điểm

Để làm nổi bật một hộp văn bản khi người dùng đặt con trỏ vào, bộ chọn trạng thái nào sau đây được sử dụng?

A:hover.B:active.C:checked.D:focus.

Câu 5 / 241.00 điểm

Thuộc tính outline trong CSS được sử dụng để làm gì khi định kiểu cho trạng thái :focus của một hộp văn bản?

AThay đổi màu nền của hộp văn bản.BTạo một đường viền bao quanh mà không ảnh hưởng bố cục.CThay đổi màu chữ bên trong hộp văn bản.DThay đổi kiểu đường viền của hộp văn bản.

Câu 6 / 241.00 điểm

Nút tròn (radio button) và hộp kiểm (checkbox) có hai trạng thái cơ bản nào để định kiểu bằng CSS?

ATrạng thái hover và active.BTrạng thái focus và visited.CTrạng thái checked và không được chọn.DTrạng thái link và hover.

Câu 7 / 241.00 điểm

Để định kiểu cho một nút tròn (<input type="radio">) khi nó đang ở trạng thái được chọn, bộ chọn nào sau đây là đúng?

Ainput[type="radio"]:active.Binput[type="radio"]:checked.Cinput[type="radio"]:focus.Dinput[type="radio"]:hover.

Câu 8 / 241.00 điểm

Thuộc tính accent-color trong CSS được sử dụng để làm gì khi định kiểu cho hộp kiểm và nút tròn?

AThay đổi màu nền của toàn bộ biểu mẫu.BThay đổi màu của đường viền bao quanh.CThay đổi màu của dấu tích hoặc chấm tròn.DThay đổi màu của văn bản nhãn đi kèm.

Câu 9 / 241.00 điểm

Để định kiểu cho một nút nhấn (<button type="submit">) khi người dùng di chuột lên trên, bộ chọn nào được sử dụng?

A:hover.B:active.C:focus.D:checked.

Câu 10 / 241.00 điểm

Trạng thái :active của một nút nhấn xảy ra khi nào?

AKhi con trỏ chuột đang nằm trên nút nhấn.BKhi nút nhấn được chọn bằng bàn phím.CKhi biểu mẫu đã được gửi đi thành công.DKhi người dùng đang nháy và giữ chuột trên nút.

Câu 11 / 241.00 điểm

Em hãy trình bày bảy lợi ích khi định kiểu cho biểu mẫu.

AGiúp biểu mẫu đẹp hơn và dễ nhìn hơn.BGiúp tăng tốc độ nhập liệu của người dùng.CCải thiện thẩm mỹ, trải nghiệm và tính nhất quán.DGiúp tăng cường tính bảo mật cho dữ liệu.

Câu 12 / 241.00 điểm

Ý nghĩa của thuộc tính display và box-sizing là gì?

Adisplay định kiểu hiển thị, box-sizing định kiểu kích thước.Bdisplay định kiểu màu sắc, box-sizing định kiểu kích thước.Cdisplay định kiểu kích thước, box-sizing định kiểu hiển thị.Ddisplay định kiểu vị trí, box-sizing định kiểu đường viền.

Câu 13 / 241.00 điểm

Em hãy liệt kê một số trạng thái của các thành phần trong biểu mẫu và nêu cách khai báo vùng chọn để định kiểu cho chúng.

ACó trạng thái :hover cho tất cả các thành phần.BCó các trạng thái :hover, :focus, :checked, :active.CCó trạng thái :checked cho nút tròn và hộp kiểm.DCó trạng thái :focus cho các hộp văn bản.

Câu 14 / 241.00 điểm

Để định kiểu cho một biểu mẫu có độ rộng tối đa là 400 pixel và được căn giữa theo chiều ngang, đoạn mã CSS nào sau đây là đúng?

Aform { width: 400px; text-align: center; }.Bform { max-width: 400px; text-align: center; }.Cform { width: 400px; margin: auto; }.Dform { max-width: 400px; margin: 0 auto; }.

Câu 15 / 241.00 điểm

Để định kiểu cho một hộp văn bản <textarea> có thể thay đổi kích thước theo chiều dọc, thuộc tính nào được sử dụng?

Aresize: vertical;.Bresize: horizontal;.Cresize: both;.Dresize: none;.

Câu 16 / 241.00 điểm

Để thay đổi hình dạng con trỏ chuột thành hình bàn tay khi di chuột lên một nút nhấn, thuộc tính nào được sử dụng?

Amouse: pointer;.Bhover: pointer;.Ccursor: pointer;.Dpointer: hand;.

Câu 17 / 241.00 điểm

Một học sinh muốn định kiểu nền chung cho hai nút tròn và màu nền chung cho ba hộp kiểm của biểu mẫu. Cách tiếp cận nào là tốt nhất?

AViết các quy tắc CSS riêng biệt cho từng nút và hộp kiểm.BSử dụng bộ chọn input để định kiểu cho tất cả.CSử dụng JavaScript để thay đổi màu nền một cách linh hoạt.DSử dụng bộ chọn theo thuộc tính [type="radio"] và [type="checkbox"].

Câu 18 / 241.00 điểm

Để tạo và định kiểu cho một biểu mẫu đăng nhập gồm các thành phần: Hai văn bản để nhập Tên tài khoản và Mật khẩu; Một hộp kiểm “Ghi nhớ thông tin đăng nhập”; Một nút nhấn “Đăng nhập”; Một đường liên kết “Quên mật khẩu”.

ASử dụng <input type="text">, <input type="password">, <button>.BSử dụng <input type="text">, <input type="checkbox">, <button>.CSử dụng tất cả các thẻ trên một cách phù hợp.DSử dụng <input type="password">, <input type="checkbox">, <button>, <a>.

Câu 19 / 241.00 điểm

Để thêm các biểu tượng vào hộp văn bản, kỹ thuật nào thường được sử dụng?

ASử dụng CSS với thuộc tính background-image và padding.BSử dụng thuộc tính icon trong thẻ <input>.CSử dụng thẻ <img> lồng bên trong thẻ <input>.DSử dụng mã JavaScript để vẽ các biểu tượng.

Câu 20 / 241.00 điểm

Theo mục tiêu của bài học, sau khi hoàn thành, học sinh cần có khả năng thực hiện được công việc gì?

ATạo ra các biểu mẫu bằng HTML.BHiểu được các thuộc tính CSS cơ bản.CThực hiện được việc định kiểu CSS cho biểu mẫu.DĐịnh kiểu cho các hộp văn bản.

Câu 21 / 241.00 điểm

Tại sao việc định kiểu cho trạng thái :focus lại quan trọng đối với khả năng truy cập của trang web?

AGiúp người dùng biết được họ đã nháy vào đâu.BLàm cho biểu mẫu trông đẹp mắt và hiện đại hơn.CGiúp tăng tốc độ nhập liệu cho người dùng.DGiúp người dùng bàn phím xác định được vị trí.

Câu 22 / 241.00 điểm

Vùng chọn input[type="text"] sẽ áp dụng kiểu cho những phần tử nào?

ATất cả các phần tử <input> trong biểu mẫu.BTất cả các phần tử <input> có type="text".CTất cả các phần tử có thuộc tính type="text".DPhần tử <input> đầu tiên có type="text".

Câu 23 / 241.00 điểm

Một nhà thiết kế muốn tạo một nút nhấn có nền màu xanh, chữ màu trắng, và bo tròn các góc. Các thuộc tính nào cần được kết hợp?

Abackground-color, color, border-radius.Bbackground-color, color, corner-radius.Cbackground, text-color, border-radius.Dcolor, background-color, border-style.

Câu 24 / 241.00 điểm

Sự khác biệt chính giữa việc sử dụng border và outline là gì?

Aborder có thể bo tròn, outline không thể.Bborder có nhiều kiểu hơn outline.Cborder chiếm không gian, outline không chiếm.Dborder có thể có màu, outline không thể.

Xem trước câu hỏi

Trắc nghiệm tin học 12 Bài F12

0 / 10

Xem trước câu hỏi

Đề kiểm tra liên quan

Trắc nghiệm tin học 12 Bài G3

Trắc nghiệm tin học 12 Bài G2

Trắc nghiệm tin học 12 Bài F9

Trắc nghiệm tin học 12 Bài F7

Trắc nghiệm tin học 12 Bài F5

Trắc nghiệm tin học 12 Bài F4

Câu hỏi liên quan