Bài tập — Bài 17: Các mức ưu tiên của bộ chọn

Phần 1: Câu hỏi Trắc nghiệm (Nhận biết & Thông hiểu)

Câu 1. Nội dung nào sau đây phản ánh đúng kiến thức cần ghi nhớ trong bài Bài 17: Các mức ưu tiên của bộ chọn? A. Bỏ qua các khái niệm cơ bản và chỉ học thuộc lòng kết quả cuối cùng mà không cần hiểu bản chất. B. Khi xung đột, trình duyệt xét: !important, nguồn gốc, độ đặc hiệu, thứ tự xuất hiện. C. Chỉ áp dụng kiến thức trong một trường hợp duy nhất, không cần kiểm tra điều kiện hay đơn vị. D. Các nội dung trong bài hoàn toàn độc lập và không có mối liên hệ nào với thực tiễn hay các bài học khác.

Câu 2. Khi học và vận dụng bài Bài 17: Các mức ưu tiên của bộ chọn, khẳng định nào dưới đây là chính xác? A. Không cần đọc kĩ đề bài hay phân tích dữ kiện trước khi thực hiện các bước giải. B. Mọi khái niệm trong bài đều có thể thay thế tùy ý cho nhau mà không làm thay đổi kết quả. C. Độ đặc hiệu: id (#) mạnh hơn lớp (.), lớp mạnh hơn thẻ. D. Chỉ cần ghi đáp số ngắn gọn, bỏ qua toàn bộ bước lập luận, giải thích và kiểm tra lại.

Câu 3. Theo phần Kiến thức trọng tâm của bài Bài 17: Các mức ưu tiên của bộ chọn, phát biểu nào sau đây là đúng? A. Kết luận ngay kết quả khi chưa đối chiếu với quy tắc hoặc định nghĩa trong bài học. B. Thay đổi toàn bộ quy tắc trọng tâm của bài học theo cảm tính cá nhân. C. Bỏ qua việc rèn luyện qua ví dụ minh họa và bài tập thực hành của tiết học. D. Khi nhiều quy tắc CSS cùng áp dụng cho một phần tử, trình duyệt phải quyết định quy tắc nào thắng.

Câu 4. Để nắm vững và vận dụng tốt bài Bài 17: Các mức ưu tiên của bộ chọn, học sinh cần lưu ý điều nào sau đây? A. Về nguồn gốc, khai báo có !important thắng khai báo thường; CSS nội tuyến trong thuộc tính style thắng CSS trong tệp. B. Không cần ghi nhớ các lưu ý trọng tâm vì chúng không ảnh hưởng đến việc làm bài tập. C. Áp dụng ngược lại hoàn toàn so với quy tắc và hướng dẫn trong phần kiến thức trọng tâm. D. Chỉ cần đọc lướt tiêu đề bài học mà không cần nắm vững nội dung chi tiết từng mục.

Phần 2: Bài tập Tự luận & Thực hành theo tiết học

Bài 1 (Cơ bản — Hệ thống hóa kiến thức trọng tâm). Dựa vào phần Kiến thức trọng tâm của bài Bài 17: Các mức ưu tiên của bộ chọn, em hãy trình bày các khái niệm, quy tắc hoặc nội dung cốt lõi của tiết học và nêu ý nghĩa của chúng.

Bài 2 (Thực hành — Phân tích & Giải mẫu theo ví dụ tiết học). Đọc kĩ tình huống/ví dụ trọng tâm của tiết học dưới đây, sau đó tự trình bày lại các bước thực hiện và nêu nhận xét rút ra:

Yêu cầu: xác định màu chữ cuối cùng của đoạn văn <p id="mo-dau" class="noi-bat">Xin chào</p> với các quy tắc sau:

Bài 3 (Vận dụng — Áp dụng quy tắc ghi nhớ vào bài tập). Vận dụng các điểm ghi nhớ trọng tâm của bài Bài 17: Các mức ưu tiên của bộ chọn để giải thích hoặc thực hiện yêu cầu thực hành mở rộng sau:

p { color: black; } .noi-bat { color: blue; } #mo-dau { color: red; }

**Bài 4 (Luyện tập học kì — Mức độ Cơ bản).**
Hãy viết đoạn văn ngắn (5–7 câu) giải thích Học máy cho một bạn chưa từng nghe về nó, kèm 1 ví dụ đời sống.

**Bài 5 (Luyện tập học kì — Mức độ Thông hiểu).**
Nêu 2 công việc của dịch vụ bảo trì máy tính định kì.

**Bài 6 (Luyện tập học kì — Mức độ Vận dụng & Nâng cao).**
Quản trị viên cơ sở dữ liệu làm những công việc gì? Kể 3 công việc.

## Phần 3: Đáp án & Hướng dẫn giải chi tiết

### 1. Đáp án phần Trắc nghiệm

- **Bảng đáp án:** **1-B**, **2-C**, **3-D**, **4-A**.
- **Giải thích chi tiết:**
  - **Câu 1 (B):** Khẳng định đúng theo mục *Ghi nhớ* của bài: *"Khi xung đột, trình duyệt xét: `!important`, nguồn gốc, độ đặc hiệu, thứ tự xuất hiện."*
  - **Câu 2 (C):** Khẳng định đúng theo nội dung cốt lõi của tiết học: *"Độ đặc hiệu: id (`#`) mạnh hơn lớp (`.`), lớp mạnh hơn thẻ."*
  - **Câu 3 (D):** Khẳng định chuẩn xác theo phần *Kiến thức trọng tâm*: *"Khi nhiều quy tắc CSS cùng áp dụng cho một phần tử, trình duyệt phải quyết định quy tắc nào thắng."*
  - **Câu 4 (A):** Khẳng định đúng theo hướng dẫn trọng tâm của bài: *"Về nguồn gốc, khai báo có `!important` thắng khai báo thường; CSS nội tuyến trong thuộc tính `style` thắng CSS trong tệp."*

### 2. Hướng dẫn giải phần Tự luận & Thực hành

- **Bài 1:**
  - **Nội dung cốt lõi cần trình bày:** Khi nhiều quy tắc CSS cùng áp dụng cho một phần tử, trình duyệt phải quyết định quy tắc nào thắng. Quyết định này dựa trên ba yếu tố theo thứ tự: nguồn gốc và mức độ quan trọng, độ đặc hiệu (specificity) và thứ tự xuất hiện.
  - **Tổng kết ghi nhớ:** Khi xung đột, trình duyệt xét: `!important`, nguồn gốc, độ đặc hiệu, thứ tự xuất hiện.; Độ đặc hiệu: id (`#`) mạnh hơn lớp (`.`), lớp mạnh hơn thẻ.; Quy tắc viết sau thắng khi độ đặc hiệu bằng nhau.
- **Bài 2:**
  - **Hướng dẫn phân tích & trình bày:** Dựa trực tiếp vào dữ kiện trong ví dụ minh họa của tiết học: *Yêu cầu: xác định màu chữ cuối cùng của đoạn văn `<p id="mo-dau" class="noi-bat">Xin chào</p>` với các quy tắc sau:*
  - **Lưu ý khi trình bày:** Xác định rõ yêu cầu, áp dụng đúng quy tắc/khái niệm trong mục 1 và kiểm tra lại kết quả cuối cùng.
- **Bài 3:**
  - **Phương pháp giải:** Áp dụng các quy tắc ghi nhớ của bài **Bài 17: Các mức ưu tiên của bộ chọn** (Khi xung đột, trình duyệt xét: `!important`, nguồn gốc, độ đặc hiệu, thứ tự xuất hiện.; Độ đặc hiệu: id (`#`) mạnh hơn lớp (`.`), lớp mạnh hơn thẻ.; Quy tắc viết sau thắng khi độ đặc hiệu bằng nhau.).
  - **Lời giải mẫu/Nhận xét:** ```css
p { color: black; }
.noi-bat { color: blue; }
#mo-dau { color: red; }

• Bài 4: Đoạn văn giải thích: Học máy là cách dạy máy tính tự tìm quy luật từ ví dụ/dữ liệu thay vì lập trình từng trường hợp; kèm ví dụ (gợi ý phim, lọc thư rác...). (Chấm theo nội dung, diễn đạt.)
• Bài 5: Ví dụ: vệ sinh máy; cập nhật phần mềm; sao lưu dữ liệu; kiểm tra ổ đĩa.
• Bài 6: Thiết kế, vận hành CSDL; sao lưu, khôi phục; phân quyền, bảo mật; tối ưu hiệu năng.