Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 cd bài 10: Bộ chọn lớp, bộ chọn định danh

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?

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?


Câu 1: 

<!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: 

Kết hợp bộ chọn lớp và bộ chọn định danh cho phép lập trình viên áp dụng các kiểu dáng cụ thể cho các phần tử duy nhất trong khi vẫn duy trì khả năng tái sử dụng cho các phần tử khác.

Ví dụ, em có thể sử dụng bộ chọn định danh để định dạng một phần tử cụ thể (như một nút bấm) và sử dụng bộ chọn lớp cho các phần tử tương tự (như nhiều nút bấm khác) với cùng một kiểu dáng.

Điều này giúp giảm thiểu mã CSS và cải thiện hiệu suất tải trang, đồng thời dễ dàng bảo trì và cập nhật các kiểu dáng.


Bình luận

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