Câu hỏi tự luận Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Bộ câu hỏi tự luận Tin học 12 - Khoa học máy tính (Cánh diều). Câu hỏi và bài tập tự luận Bài 8: Làm quen với 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 cánh diều.
Xem: => Giáo án Tin học 12 - Định hướng khoa học máy tính cánh diều
CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH
TẠO TRANG WEB
BÀI 8: LÀM QUEN VỚI CSS
(14 CÂU)
- NHẬN BIẾT (4 CÂU)
Câu 1: CSS là gì và vai trò của nó trong thiết kế web?
Trả lời:
- CSS (Cascading Style Sheets) là ngôn ngữ được sử dụng để định dạng và bố trí các phần tử trên trang web.
- Vai trò: CSS cho phép nhà thiết kế điều chỉnh màu sắc, font chữ, khoảng cách, bố cục và nhiều yếu tố khác của trang web, giúp cải thiện trải nghiệm người dùng và tạo ra giao diện hấp dẫn hơn.
Câu 2: Nêu các cách khai báo CSS trong một trang HTML?
Trả lời:
- Inline CSS: Sử dụng thuộc tính style trong thẻ HTML.
<h1 style="color: blue;">Tiêu đề</h1>
- Internal CSS: Đặt CSS trong thẻ <style> trong phần <head> của tài liệu HTML.
<style>
h1 {
color: blue;
}</style>
- External CSS: Liên kết đến một tệp CSS bên ngoài bằng thẻ <link>.
<link rel="stylesheet" type="text/css" href="styles.css">
Câu 3: Thế nào là bộ chọn phần tử trong CSS? Cho ví dụ?
Trả lời:
...........................................
Câu 4: Liệt kê các thuộc tính CSS cơ bản để định dạng màu sắc?
Trả lời:
...........................................
2. THÔNG HIỂU (4 CÂU)
Câu 1: Giải thích sự khác nhau giữa bộ chọn ID và bộ chọn lớp trong CSS?
Trả lời:
- Bộ chọn ID: Bắt đầu bằng dấu # và chỉ định một phần tử duy nhất trong trang. Ví dụ: #header.
- Bộ chọn lớp: Bắt đầu bằng dấu . và có thể áp dụng cho nhiều phần tử. Ví dụ: .highlight.
- Sự khác nhau: Bộ chọn ID có độ ưu tiên cao hơn bộ chọn lớp và chỉ có thể được sử dụng một lần trong một trang.
Câu 2: Mô tả cách sử dụng thuộc tính border trong CSS để tạo đường viền cho phần tử?
Trả lời:
- Cách sử dụng: Thuộc tính border có thể được sử dụng để xác định độ dày, kiểu và màu sắc của đường viền.
div {
border: 2px solid black; /* Đường viền 2px, kiểu solid, màu đen */
}
Câu 3: Trình bày cách áp dụng CSS cho các phần tử HTML bằng bộ chọn phần tử?
Trả lời:
...........................................
Câu 4: Phân tích vai trò của thuộc tính background-color trong việc định dạng trang web?
Trả lời:
...........................................
3. VẬN DỤNG (3 CÂU)
Câu 1: Viết đoạn mã CSS để thay đổi màu chữ và màu nền cho một đoạn văn bản?
Trả lời:
p {
color: white; /* Màu chữ trắng */
background-color: blue; /* Màu nền xanh */
}
Câu 2: Viết mã CSS để tạo đường viền cho một hình ảnh và mô tả cách nó sẽ hiển thị trên trang web?
Trả lời:
...........................................
Câu 3: Giải thích cách sử dụng thuộc tính margin và padding trong CSS và sự khác biệt giữa chúng?
Trả lời:
...........................................
4. VẬN DỤNG CAO (3 CÂU)
Câu 1: Phân tích và tối ưu hóa một đoạn mã CSS để cải thiện hiệu suất tải trang?
Trả lời:
- Phân tích: Kiểm tra các quy tắc CSS không cần thiết, loại bỏ các quy tắc trùng lặp và sử dụng các bộ chọn cụ thể hơn để giảm kích thước tệp CSS.
- Tối ưu hóa: Sử dụng CSS minification để giảm kích thước tệp, và gộp các tệp CSS lại với nhau để giảm số lượng yêu cầu HTTP.
Câu 2: Mô tả cách sử dụng thuộc tính font-family để thay đổi kiểu chữ trên trang web?
Trả lời:
...........................................
Câu 3: Phân tích ý nghĩa của thuộc tính display trong CSS và các giá trị phổ biến của nó như block, inline, và flex?
Trả lời:
...........................................
--------------- Còn tiếp ---------------
=> Giáo án Khoa học máy tính 12 Cánh diều bài 8: Làm quen với CSS