Nội dung bài viết

    Xem thêm

    Sách bài tập Tin học 12 Bài F12 (Chân trời sáng tạo): Định kiểu CSS cho biểu mẫu

    Với giải sách bài tập Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu sách Chân trời sáng tạo hay nhất, chi tiết sẽ giúp học sinh dễ dàng làm bài tập trong SBT Tin học 12 Bài F12.

    1 193 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Giải SBT Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu

    Câu F12.1 trang 63 SBT Tin học 12

    : 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 { ... }

    Lời giả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 F12.2 trang 64 SBT Tin học 12: 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.

    Lời giả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 F12.3 trang 64 SBT Tin học 12: Em hãy định kiểu cho biểu mẫu thanh toán trong Bài F5.2 như Hình 1.

    Lời giả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 thanh toán trong Bài F5.2 như Hình 1

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

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

    Câu F12.4 trang 64 SBT Tin học 12: 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.

    Lời giải:

    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

    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

    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

    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

    Câu F12.5 trang 64 SBT Tin học 12: 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.

    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

    Lời giả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

    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

    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

    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

    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 thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Chân trời sáng tạo hay, chi tiết khác:

    Bài F11: Định kiểu CSS cho bảng và phần tử <div>

    Bài F13: Dự án tạo trang web (tiếp theo)

    Bài F14: Học máy

    Bài F15: Khoa học dữ liệu

    Bài F16: Máy tính, thuật toán và Khoa học dữ liệu

    Tham khảo các loạt bài Tin học 12 khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 193 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: