Câu hỏi tự luận mức độ vận dụng cao Tin học ứng dụng 12 ctst bài F8: Một số thuộc tính cơ bản của CSS

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Phân tích cách mà thuộc tính flexbox có thể cải thiện bố cục của một trang web?

Câu 2: Thảo luận về sự khác biệt giữa CSS inline, internal và external. Khi nào nên sử dụng từng loại?


Câu 1: 

- Tính linh hoạt: Flexbox cho phép các phần tử trong một container có thể tự động điều chỉnh kích thước và vị trí của chúng để phù hợp với không gian có sẵn. Điều này giúp tạo ra bố cục dễ dàng hơn so với các kỹ thuật truyền thống như sử dụng float.

- Căn chỉnh dễ dàng: Flexbox cung cấp các thuộc tính như justify-content, align-items, và align-content để căn chỉnh các phần tử theo chiều ngang và chiều dọc một cách dễ dàng, giúp tiết kiệm thời gian và công sức trong việc căn chỉnh.

- Sắp xếp linh hoạt: Bạn có thể thay đổi thứ tự hiển thị của các phần tử mà không cần thay đổi HTML bằng cách sử dụng thuộc tính order, cho phép bạn dễ dàng điều chỉnh bố cục mà không cần phải thay đổi mã nguồn.

- Tương thích tốt với các thiết bị: Flexbox giúp xây dựng các bố cục đáp ứng tốt hơn, giúp các phần tử tự động điều chỉnh theo kích thước màn hình, từ đó cải thiện trải nghiệm người dùng trên các thiết bị khác nhau.

Câu 2: 

Loại CSS

Đặc điểm

Khi nào sử dụng

Inline CSS- Được áp dụng trực tiếp vào thuộc tính của phần tử HTML.
- Có độ ưu tiên cao nhất.
- Khi chỉ cần thay đổi kiểu cho một phần tử cụ thể.
- Không nên sử dụng cho các dự án lớn vì khó quản lý.
Internal CSS- Được đặt trong thẻ <style> trong phần <head> của tài liệu HTML.
- Có thể áp dụng cho nhiều phần tử trong cùng một trang.
- Khi làm việc với một trang đơn lẻ hoặc khi cần điều chỉnh kiểu cho nhiều phần tử trong trang đó.
External CSS- Được lưu trữ trong tệp CSS riêng biệt và liên kết với tài liệu HTML thông qua thẻ <link>.- Khi muốn áp dụng kiểu cho nhiều trang web.
- Giúp quản lý mã dễ dàng, tái sử dụng và giảm kích thước tệp HTML.

Bình luận

Giải bài tập những môn khác