Trắc nghiệm đúng sai Khoa học máy tính 12 chân trời Bài F8: Một số thuộc tính cơ bản của CSS
Phiếu câu hỏi và bài tập trắc nghiệm Đ/S môn Tin học 12 Khoa học máy tính Bài F8: Một số thuộc tính cơ bản của 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 Khoa học máy tính chân trời sáng tạo
BÀI F8. MỘT SỐ THUỘC TÍNH CƠ BẢN CỦA CSS
Câu 1: Một lập trình viên đang thiết kế trang web và muốn tất cả tiêu đề <h1> trên trang có màu xanh dương (#206bbd), chữ in đậm, cỡ chữ 32px và có khoảng cách giữa các ký tự là 3px. Anh ta viết đoạn CSS sau:
Dưới đây là một số nhận định về đoạn CSS này:
a. Thuộc tính color: #206bbd; giúp đổi màu chữ thành xanh dương.
b. font-weight: bold; giúp tăng độ dày của chữ nhưng có thể không có tác dụng nếu phông chữ không hỗ trợ.
c. letter-spacing: 3px; làm tăng khoảng cách giữa các từ thay vì giữa các ký tự.
d. font-size: 32px; giúp tăng cỡ chữ lên 32 điểm ảnh trên màn hình.
Đáp án:
- A, B, D đúng
- C sai
Câu 2: Một nhà thiết kế web muốn thêm ảnh nền cho một phần tử <div> với yêu cầu sau:
- Ảnh nền là background.jpg, phải phủ kín phần tử.
- Không được lặp lại ảnh nền.
- Độ trong suốt của ảnh nền là 40%.
Anh ta viết đoạn CSS sau:
a. background-size: cover; giúp ảnh nền phủ kín phần tử mà không bị méo.
b. background-repeat: no-repeat; đảm bảo ảnh nền không lặp lại.
c. opacity: 0.4; chỉ làm ảnh nền trong suốt 40% mà không ảnh hưởng đến nội dung bên trong <div>.
d. Nếu muốn ảnh nền trong suốt nhưng nội dung bên trong không bị ảnh hưởng, cần dùng rgba() thay vì opacity.
Câu 3: Một học sinh muốn vẽ một cái cây đơn giản bằng CSS và HTML. Cậu ấy đã viết đoạn mã sau nhưng không đạt được kết quả mong muốn:
Sau khi chạy mã, cây xuất hiện nhưng phần lá bị lệch vị trí so với thân cây. Hãy chọn phương án đúng để căn chỉnh phần lá nằm chính xác trên thân cây:
a. Thay position: relative; của .leaves thành position: absolute; và đặt left: 50%; transform: translateX(-50%);.
b. Giữ nguyên position: relative;, nhưng thay top: -20px; thành top: -50px;.
c. Đặt cả .tree và .leaves trong một div chứa (.container) và đặt display: flex; flex-direction: column; align-items: center; cho .container.
d. Thay border-radius: 50%; bằng border-radius: 20px; để lá không bị méo.
--------------- Còn tiếp ---------------
=> Giáo án Khoa học máy tính 12 chân trời Bài F8: Một số thuộc tính cơ bản của CSS