Trắc nghiệm đúng sai Tin học ứng dụng 12 chân trời Bài F7: Giới thiệu CSS
Phiếu câu hỏi và bài tập trắc nghiệm Đ/S môn Tin học 12 Tin học ứng dụng Bài F7: Giới thiệu CSS sách chân trời sáng tạo. Bộ câu hỏi nhằm giúp học sinh vừa ôn tập bài học, vừa làm quen dần với dạng bài tập mới trong chương trình thi THPT. Các câu hỏi tăng dần về độ khó. Tài liệu có file Word tải về. Thời gian tới, nội dung này sẽ tiếp tục được bổ sung.
Xem: => Giáo án Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo
BÀI F7. GIỚI THIỆU CSS
Câu 1: Một lập trình viên đang xây dựng trang web cá nhân với tệp index.html. Anh ta muốn đảm bảo rằng tất cả tiêu đề <h1> trên trang đều có màu xanh (#006bb0) và có bóng mờ đen.
Anh ta đã viết các đoạn mã CSS sau. Hãy xác định nhận định nào là đúng về cách viết CSS này.
Cách 1 (CSS nội dòng - inline style):
Cách 2 (CSS trong thẻ <style> bên trong <head>):
Cách 3 (CSS ngoài - file style.css):
HTML
CSS
Dưới đây là các nhận định được đưa ra:
a. Cách 1 giúp CSS được áp dụng nhanh chóng nhưng khó bảo trì.
b. Cách 2 giúp quản lý CSS tốt hơn nhưng chỉ áp dụng cho tệp HTML chứa nó.
c. Cách 3 là tối ưu nhất cho việc bảo trì và tái sử dụng mã CSS.
d. Cách 1 có độ ưu tiên thấp hơn cách 3.
Đáp án:
- A, B, C đúng
- D sai
Câu 2: Một lập trình viên viết đoạn CSS sau để tạo hiệu ứng khi rê chuột vào nút bấm:
Các nhận định về CSS trên:
a. Nút bấm có class "button" sẽ đổi màu đỏ khi rê chuột vào.
b. Có lỗi vì button:hover không áp dụng được cho .button, cần đổi thành .button:hover.
c. border-radius: 5px; sẽ làm bo tròn góc của nút bấm.
d. Nếu muốn làm hiệu ứng chuyển màu mượt mà, cần thêm transition: 0.5s; vào .button:hover.
Câu 3: Một lập trình viên tạo một trang web và nhận thấy rằng khoảng cách giữa các phần tử <p> quá lớn trên một số trình duyệt. Anh ta muốn kiểm soát khoảng cách này bằng CSS. Các cách sau có thể giúp giảm khoảng cách dư thừa giữa các đoạn văn:
a. Sử dụng p { margin: 0; } để xóa khoảng cách mặc định của trình duyệt.
b. Sử dụng p { padding: 0; } vì padding là nguyên nhân tạo khoảng cách giữa các đoạn văn.
c. Dùng p { line-height: 0; } để giảm khoảng cách giữa các dòng trong đoạn văn.
d. Thêm * { margin: 0; padding: 0; } để reset toàn bộ khoảng cách mặc định của trình duyệt.
--------------- Còn tiếp ---------------
=> Giáo án Tin học ứng dụng 12 chân trời Bài F7: Giới thiệu CSS