Trắc nghiệm đúng sai Khoa học máy tính 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

Câu 1: Nhóm của An đang thực hiện trang web kỷ yếu lớp 12A. Họ muốn căn giữa tất cả ảnh đại diện của học sinh trong một danh sách lớp. Họ sử dụng đoạn CSS sau:

Tuy nhiên, khi chạy thử trên trình duyệt, ảnh không căn giữa như mong muốn. Sau khi kiểm tra, họ nhận thấy rằng ảnh vẫn bám sát lề trái của trang.

Để được ảnh căn giữa chính xác, nhóm cần sửa như sau:

a. Thêm display: block; vào ảnh để margin: auto; có tác dụng
b. Giảm width: 50%; xuống còn width: auto; để ảnh không bị co hẹp
c. Đặt ảnh vào một <div> và thêm text-align: center; vào <div> để căn giữa
d. Thêm position: absolute; left: 50%; transform: translateX(-50%); để ảnh căn giữa theo vị trí tuyệt đối

Đáp án:

- A, C đúng

- B, D sai

Câu 2: Nhóm của Minh đang xây dựng trang web lớp và cân nhắc giữa hai cách viết CSS:

- Cách 1: Chèn CSS trực tiếp vào từng trang HTML bằng thẻ <style>

- Cách 2: Viết CSS trong một tệp riêng style.css và liên kết bằng <link>

Sau khi thảo luận, nhóm cần đưa ra quyết định tối ưu nhất. Nhận định được các bạn trong nhóm của Minh đưa ra như sau:

a. Cách 1 giúp dễ chỉnh sửa từng trang hơn nhưng có thể gây khó khăn khi bảo trì nhiều trang
b. Cách 2 giúp toàn bộ trang web có giao diện đồng nhất và dễ cập nhật hơn
c. Tệp CSS riêng có thể làm trang tải chậm hơn so với chèn trực tiếp vào HTML
d. Nếu sử dụng cách 2, chỉ cần thay đổi một tệp CSS để cập nhật 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 theo dạng ba cột:

- Cột 1: Danh sách thành viên

- Cột 2: Nội dung chính

- Cột 3: Thông tin sự kiện

Họ có hai cách triển khai CSS:

Cách 1 – Dùng CSS Grid:

Cách 2 – Dùng Flexbox:

Nhóm cần chọn các phương án sau để bố cục có kích thước cột khác nhau và giữ được sự linh hoạt:

a. CSS Grid phù hợp hơn vì dễ điều chỉnh tỷ lệ cột với grid-template-columns
b. Flexbox phù hợp hơn khi nội dung cột 2 có chiều dài thay đổi linh hoạt
c. CSS Grid cho phép bố cục chính xác hơn, nhưng Flexbox giúp nội dung trong từng cột căn giữa tốt hơn
d. Flexbox là lựa chọn tốt hơn nếu nhóm muốn các cột tự động co giãn theo nội dung

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