Câu hỏi tự luận Khoa học máy tính 12 cánh diều Bài 10: Bộ chọn lớp, bộ chọn định danh
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 10: Bộ chọn lớp, bộ chọn định danh. 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 10: BỘ CHỌN LỚP, BỘ CHỌN ĐỊNH DANH
(13 CÂU)
1. NHẬN BIẾT (4 CÂU)
Câu 1: Bộ chọn lớp là gì? Nêu chức năng chính của nó?
Trả lời:
- Bộ chọn lớp là một loại bộ chọn trong CSS được sử dụng để chọn các phần tử HTML có thuộc tính class cụ thể.
- Chức năng chính của nó là áp dụng các kiểu dáng (style) cho tất cả các phần tử có cùng lớp, giúp tái sử dụng mã và giữ cho mã CSS gọn gàng hơn.
Câu 2: Bộ chọn định danh là gì? Nêu vai trò của nó trong lập trình?
Trả lời:
- Bộ chọn định danh (ID selector) là một bộ chọn trong CSS được sử dụng để chọn một phần tử HTML duy nhất có thuộc tính id cụ thể.
- Vai trò của nó là áp dụng các kiểu dáng cho một phần tử cụ thể trên trang, giúp dễ dàng xác định và điều chỉnh các phần tử riêng lẻ mà không ảnh hưởng đến các phần tử khác.
Câu 3: Liệt kê các kiểu bộ chọn lớp phổ biến trong CSS?
Trả lời:
...........................................
Câu 4: Nêu sự khác nhau giữa bộ chọn lớp và bộ chọn định danh?
Trả lời:
...........................................
2. THÔNG HIỂU (4 CÂU)
Câu 1: Giải thích cách sử dụng bộ chọn lớp trong việc định dạng các phần tử HTML?
Trả lời:
Bộ chọn lớp cho phép bạn định dạng các phần tử HTML bằng cách áp dụng các kiểu dáng nhất định cho tất cả các phần tử có cùng lớp.
Câu 2: Mô tả cách hoạt động của bộ chọn định danh và cách nó ảnh hưởng đến các phần tử trên trang web?
Trả lời:
Bộ chọn định danh hoạt động bằng cách chọn một phần tử duy nhất thông qua thuộc tính id. Ví dụ, nếu có một phần tử với id="header", có thể định dạng nó như sau:
#header {
background-color: blue;
}
=> Điều này sẽ áp dụng kiểu dáng chỉ cho phần tử có id="header", không ảnh hưởng đến các phần tử khác.
Câu 3: Trình bày cách ưu tiên giữa bộ chọn lớp và bộ chọn định danh trong CSS?
Trả lời:
...........................................
Câu 4: Phân tích vai trò của bộ chọn lớp và bộ chọn định danh trong việc tạo ra các giao diện người dùng thân thiện?
Trả lời:
...........................................
3. VẬN DỤNG (2 CÂU)
Câu 1: Tạo một trang web đơn giản có sử dụng cả bộ chọn lớp và bộ chọn định danh để định dạng các phần tử khác nhau?
Trả lời:
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trang web đơn giản</title>
<style>
body {
font-family: Arial, sans-serif;
}
.highlight {
color: blue;
font-weight: bold;
}
#main-title {
font-size: 24px;
text-align: center;
color: green;
}
</style>
</head>
<body>
<h1 id="main-title">Chào mừng đến với trang web của tôi!</h1>
<p class="highlight">Đây là một đoạn văn nổi bật.</p>
<p>Đây là một đoạn văn bình thường.</p>
</body>
</html>
Câu 2: Phân tích cách mà bộ chọn lớp và bộ chọn định danh có thể được kết hợp để tối ưu hóa việc định dạng và quản lý CSS?
Trả lời:
...........................................
4. VẬN DỤNG CAO (3 CÂU)
Câu 1: Giải thích tại sao nên sử dụng bộ chọn lớp thay vì bộ chọn định danh cho các phần tử có nhiều hơn một phần tử giống nhau trên trang web?
Trả lời:
Bộ chọn lớp cho phép em áp dụng cùng một kiểu dáng cho nhiều phần tử, giúp tiết kiệm thời gian và công sức trong việc viết mã. Nếu em sử dụng bộ chọn định danh cho các phần tử giống nhau, em sẽ cần phải tạo ra nhiều ID khác nhau, điều này không chỉ làm tăng kích thước mã mà còn gây khó khăn trong việc quản lý và bảo trì.
Câu 2: Mô tả cách sử dụng bộ chọn lớp để tạo hiệu ứng hover cho các phần tử trong trang web?
Trả lời:
...........................................
Câu 3: Phân tích ưu và nhược điểm của việc sử dụng bộ chọn lớp so với bộ chọn định danh trong thiết kế web?
Trả lời:
...........................................
--------------- Còn tiếp ---------------
=> Giáo án Khoa học máy tính 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh