Nội dung đề
Phần I. Tự luận
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.
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;
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;
}




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 ý
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.

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 ý
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.

Xem đáp án và lời giải
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