Bài tập củng cố Tin học ứng dụng 12 kết nối: bài 13 Khái niệm, vai trò của CSS

Bài tập củng cố môn Tin học ứng dụng 12 kết nối tri thức: Bài 13 Khái niệm, vai trò của CSS. Phần bài tập gồm 4 mức độ: Nhận biết, Thông hiểu, Vận dụng và Vận dụng cao bám sát với chương trình sách giáo khoa. Thông qua bài tập này, học sinh có thể ôn luyện kiến thức đã học từ cơ bản đến nâng cao.

Nội dung chi tiết

BÀI 13: KHÁI NIỆM, VAI TRÒ CỦA CSS

1. NHẬN BIẾT (4 CÂU)

Câu 1: CSS là viết tắt của cụm từ nào?

Trả lời:

Cascading Style Sheets.

Câu 2: Cấu trúc tổng quát của một mẫu định dạng CSS gồm mấy phần?

Trả lời:

Cấu trúc tổng quát của một mẫu định dạng CSS có hai phần: bộ chọn (selector) và vùng mô tả (declaration block).

Câu 3: Có bao nhiêu cách thiết lập CSS và đó là những cách nào?

Trả lời:

Ba cách: CSS trong (internal CSS), CSS ngoài (external CSS), và CSS nội tuyến (inline CSS).

Câu 4: Thẻ HTML nào được sử dụng để viết CSS trong?

Trả lời:

Thẻ <style>.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Tại sao CSS được coi là định dạng độc lập với HTML?

Trả lời:

CSS sử dụng ngôn ngữ mô tả riêng, cho phép định dạng nội dung trang web mà không làm ảnh hưởng trực tiếp đến cấu trúc HTML.

Câu 2: Mẫu định dạng CSS đóng vai trò gì trong việc thiết kế trang web?

Trả lời:

Giúp định dạng trang web một cách nhanh chóng, thuận tiện và đồng nhất thông qua việc định nghĩa các mẫu định dạng dùng lại nhiều lần.

Câu 3: Ưu điểm của việc sử dụng CSS ngoài so với CSS trong là gì?

Trả lời:

CSS ngoài giúp đồng bộ hóa định dạng cho nhiều trang web, tiết kiệm thời gian chỉnh sửa vì chỉ cần thay đổi một lần trong tệp CSS.

Câu 4: CSS nội tuyến được sử dụng trong trường hợp nào?

Trả lời:

Khi muốn định dạng nhanh cho một phần tử HTML cụ thể mà không cần thiết lập các mẫu định dạng chung.

3. VẬN DỤNG (3 CÂU)

Câu 1: Hãy viết một mẫu CSS để thiết lập màu chữ màu xanh lá cây và thụt lề dòng đầu 20px cho tất cả các thẻ <p>.

Trả lời:

p {

color: green;

text-indent: 20px;

}

Câu 2: Làm thế nào để kết nối một tệp CSS ngoài với tập HTML?

Trả lời:

Sử dụng thẻ <link> trong phần <head> của tệp HTML hoặc sử dụng lệnh @import trong thẻ <style> của phần tử <head>.

Câu 3: Viết một đoạn mã HTML tích hợp CSS nội tuyến để thiết lập nền màu vàng cho một đoạn văn bản trong thẻ <p>.

Trả lời:

4. VẬN DỤNG CAO (1 CÂU)

Câu 1: Một trang web có nhiều thẻ <h1> và <h2> với các định dạng khác nhau. Làm thế nào để áp dụng cùng một định dạng (chữ màu đỏ, cỡ chữ 24px) cho tất cả các thẻ này chỉ bằng một mẫu CSS?

Trả lời:

h1, h2 {

color: red;

font-size: 24px;