Câu hỏi tự luận Tin học ứng dụng 12 chân trời Bài F7: Giới thiệu CSS
Bộ câu hỏi tự luận Tin học 12 - Tin học ứng dụng (Chân trời sáng tạo). Câu hỏi và bài tập tự luận Bài F7: Giới thiệu CSS. Bộ tài liệu tự luận này có 4 mức độ: Nhận biết, thông hiểu, vận dụng và vận dụng cao. Phần tự luận này sẽ giúp học sinh hiểu sâu, sát hơn về môn học Tin học 12 CTST.
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
CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH
BÀI F7: GIỚI THIỆU CSS
(12 CÂU)
1. NHẬN BIẾT (3 CÂU)
Câu 1: CSS là gì? Hãy định nghĩa và nêu chức năng cơ bản của CSS trong thiết kế web?
Trả lời:
- CSS (Cascading Style Sheets) là một ngôn ngữ định kiểu được sử dụng để mô tả cách thức trình bày của một tài liệu HTML. CSS cho phép lập trình viên và nhà thiết kế kiểm soát bố cục, màu sắc, font chữ, và nhiều yếu tố khác của các phần tử trên trang web.
- Chức năng cơ bản của CSS:
+ Tách biệt nội dung và hình thức: CSS giúp tách biệt nội dung (HTML) và cách thức trình bày (CSS), làm cho việc bảo trì và thay đổi dễ dàng hơn.
+ Kiểm soát bố cục: CSS cho phép điều chỉnh bố cục của trang web, như vị trí của các phần tử, chiều rộng, chiều cao, và khoảng cách giữa các phần tử.
+ Tùy chỉnh giao diện: CSS cho phép thay đổi màu sắc, font chữ, hình ảnh nền, và các hiệu ứng khác để cải thiện trải nghiệm người dùng.
+ Đáp ứng với thiết bị: CSS giúp tạo ra các thiết kế đáp ứng, cho phép trang web hiển thị tốt trên nhiều loại thiết bị khác nhau (máy tính, điện thoại, máy tính bảng).
Câu 2: Nêu các cách để nhúng CSS vào một trang HTML. Hãy liệt kê ít nhất ba phương pháp?
Trả lời:
Câu 3: Các quy tắc trong CSS được cấu trúc như thế nào? Hãy mô tả cấu trúc của một quy tắc CSS?
Trả lời:
- THÔNG HIỂU (3 CÂU)
Câu 1: Giải thích ý nghĩa của các thuộc tính color và background-color trong CSS. Hãy cho ví dụ minh họa?
Trả lời:
- color: Thuộc tính này xác định màu sắc của văn bản trong một phần tử HTML. Nó ảnh hưởng đến màu chữ mà người dùng nhìn thấy.
- background-color: Thuộc tính này xác định màu nền của một phần tử HTML. Nó ảnh hưởng đến màu sắc của vùng chứa phần tử, bao gồm cả không gian xung quanh văn bản.
Câu 2: So sánh sự khác biệt giữa thuộc tính margin và padding trong CSS?
Trả lời:
Câu 3: Nêu vai trò của các bộ chọn (selectors) trong CSS. Hãy phân biệt giữa bộ chọn ID và bộ chọn class?
Trả lời:
- VẬN DỤNG (2 CÂU)
Câu 1: Làm thế nào để tạo ra một kiểu chữ khác nhau cho tiêu đề và đoạn văn trong cùng một trang HTML?
Trả lời:
- Sử dụng CSS Inline (Không khuyến nghị cho các dự án lớn): Đây là cách đơn giản nhất, nhưng không được khuyến nghị cho các dự án lớn vì khó quản lý và bảo trì. Bạn sẽ thêm thuộc tính style trực tiếp vào các thẻ HTML.
- Sử dụng CSS Internal (Nội bộ): Đặt CSS trong thẻ <style> bên trong thẻ <head> của trang HTML. Cách này tốt hơn so với inline, nhưng vẫn không tối ưu cho các trang web lớn.
- Sử dụng CSS External (Bên ngoài - Khuyến nghị): Đây là cách tốt nhất và được khuyến nghị cho tất cả các dự án. Bạn sẽ tạo một tệp CSS riêng (ví dụ: style.css) và liên kết nó với tệp HTML.
Câu 2: Hãy giải thích cách CSS Grid và Flexbox hoạt động. So sánh hai công nghệ này và nêu ứng dụng của chúng?
Trả lời:
4. VẬN DỤNG CAO (4 CÂU)
Câu 1: Phân tích cách CSS có thể cải thiện khả năng truy cập của một trang web?
Trả lời:
- Tùy chỉnh kích thước văn bản: CSS cho phép người dùng điều chỉnh kích thước văn bản thông qua các đơn vị như em hoặc rem, giúp người dùng có thể dễ dàng đọc nội dung.
- Màu sắc và độ tương phản: CSS giúp điều chỉnh màu sắc và độ tương phản giữa nền và văn bản, đảm bảo rằng nội dung có thể dễ dàng nhìn thấy cho người dùng có vấn đề về thị lực.
- Thiết kế đáp ứng: Sử dụng CSS để tạo bố cục đáp ứng giúp người dùng có thể truy cập nội dung trên nhiều thiết bị khác nhau (máy tính, điện thoại, máy tính bảng).
- Ẩn/hiện nội dung: CSS có thể được sử dụng để ẩn nội dung không cần thiết hoặc hiển thị nội dung theo ngữ cảnh mà không làm rối mắt người dùng, giúp cải thiện trải nghiệm.
- Cải thiện điều hướng: CSS cho phép tạo ra các menu điều hướng rõ ràng và dễ sử dụng, giúp người dùng dễ dàng tìm thấy thông tin mà họ cần.
--------------------------------------
--------------------- 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