Trắc nghiệm đúng sai Tin học ứng dụng 12 chân trời Bài F13: Dự án tạo trang web (tiếp theo)

BÀI F13. DỰ ÁN TẠO TRANG WEB (TIẾP THEO)

Câu 1: Nhóm của An đang thực hiện dự án trang web kỷ yếu lớp 12A. Trong quá trình định dạng bằng CSS, họ gặp lỗi khiến các ảnh trong trang web không căn giữa dù đã sử dụng đoạn mã sau:

Nguyên nhân gây ra lỗi này là:

a. margin: auto; chỉ hoạt động với phần tử có display: block;     
b. Cần thêm display: block; vào CSS của ảnh để căn giữa đúng  
c. width: 50% khiến ảnh không thể căn giữa được  
d. Nếu ảnh nằm trong thẻ <div>, cần đặt text-align: center; cho <div>

Đáp án:

- B, D đúng

- A, C sai

Câu 2: Trong quá trình làm dự án, nhóm của Minh cân nhắc 2 phương án viết CSS như sau:

Phương án 1: Chèn CSS trực tiếp vào từng trang HTML bằng thẻ <style>
Phương án 2: Viết CSS trong một tệp riêng style.css và liên kết bằng <link>

Câu hỏi: Những nhận định nào sau đây là đúng?

a. Phương án 1 giúp dễ chỉnh sửa giao diện hơn so với phương án 2    
b. Phương án 2 giúp trang web dễ bảo trì và nhất quán hơn        
c. CSS trong tệp riêng sẽ tải chậm hơn so với chèn trực tiếp vào HTML        
d. Nếu dùng phương án 2, chỉ cần sửa một tệp để thay đổi toàn bộ giao diện

Câu 3: Nhóm của Trinh muốn tạo bố cục trang chủ của trang web kỷ yếu bằng CSS Grid hoặc Flexbox. Họ có hai đoạn mã sau:

Cách 1 – Dùng CSS Grid:

Cách 2 – Dùng Flexbox:

Cách nào phù hợp hơn nếu nhóm muốn có 3 cột có kích thước khác nhau?  Nếu muốn có 3 cột có kích thước khác nhau thì phương án sau đây hợp lý

a. CSS Grid vì có thể dễ dàng quy định tỷ lệ giữa các cột 
b. Flexbox vì luôn giúp căn giữa nội dung trong container 
c. CSS Grid vì grid-template-columns linh hoạt hơn cho bố cục phức tạp      
d. Flexbox vì nó hỗ trợ tự động điều chỉnh kích thước theo nội dung    

--------------- Còn tiếp ---------------