TopStudy

Tin học · Lớp 12

Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F12. Định dạng CSS cho biểu mẫu

6 câu · 10 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. Tự luận

Câu 1

1 điểm

Em hãy giải thích các dòng lệnh CSS sau:

a) input[type="text"] { ... }

b) input[type="text"]: focus {

c) button[type="submit"]:hover { ... }

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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

a) Khai báo vùng chọn để định kiểu cho hộp văn bản.

b) Khai báo vùng chọn để định kiểu khi người dùng đặt con trỏ vào hộp văn bản.

c) Khai báo vùng chọn để định kiểu cho trạng thái hover của nút nhấn gửi biểu mẫu.

Câu 2

1 điểm

Em hãy viết mã lệnh CSS tương ứng với những yêu cầu sau:

a) Khai báo vùng chọn để định kiểu cho hộp văn bản, trong đó vùng đệm và đường biên của hộp văn bản được gộp chung vào kích thước của nó.

b) Khi người dùng di chuyển con trỏ chuột đến, nút nhấn gửi chuyển sang màu đỏ.

c) Bo tròn 4 góc của biểu mẫu.

d) Chuyển con trỏ chuột thành biểu tượng bàn tay khi người dùng đi chuyển con trỏ chuột đến nút nhấn.

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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

a)

input[type="text"] {

}

b)

box-sizing: border-box;

button[type="submit"]:hover {

background-color: #f00;

}

c)

form {

border-radius: 10px;

}

d)

button {

}

cursor: pointer;

Câu 3

1 điểm
Em hãy định kiểu cho biểu mẫu thanh toán trong Bài F5.2 như Hình 1.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

<<form>

payment.html

payment.css

/* Tạo nền xám cho trang web */

<<h2>Phương thức thanh | body {

toán</h2>

</form>

serif;

font-family: Arial, sans-

background-color: #f4f4f4;

}

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Câu 4

1 điểm
Em hãy định kiểu cho biểu mẫu ý kiến phản hồi trong Bài F5.3 như Hình 2.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Câu 5

1 điểm

Em hãy định kiểu cho biểu mẫu đăng kí tuyển sinh trong Bài F5.4 như Hình 3.

Hình minh hoạ

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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Hình minh hoạ

Câu 6

1 điểm

Em hãy định kiểu cho biểu mẫu đăng kí tuyển sinh trong Bài F5.4 như Hình 3.

Hình minh hoạ

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