BÀI 14: ĐỊNH DẠNG VĂN BẢN BẰNG CSS

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

Câu 1: CSS có thể được sử dụng để định dạng các thuộc tính nào của văn bản trong trang web?

Trả lời:

CSS có thể được sử dụng để định dạng các thuộc tính như phông chữ, màu chữ, chiều cao dòng, căn lề, và thụt lề dòng đầu tiên của văn bản trong trang web.

Câu 2: Các loại phông chữ mà CSS hỗ trợ là gì?

Trả lời:

Các loại phông chữ CSS hỗ trợ bao gồm: Serif, Sans-serif, Monospace, Cursive, và Fantasy.

Câu 3: Thuộc tính color trong CSS có tác dụng gì?

Trả lời:

Thuộc tính color trong CSS dùng để thiết lập màu chữ của các phần tử HTML.

Câu 4: CSS có bao nhiêu cách thiết lập định dạng văn bản? Kể tên các cách đó.

Trả lời:

SS có ba cách thiết lập định dạng văn bản: CSS trong (internal CSS), CSS ngoài (external CSS), và CSS nội tuyến (inline CSS).

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

Câu 1: Tính kế thừa trong CSS có nghĩa là gì?

Trả lời:

Tính kế thừa trong CSS có nghĩa là các mẫu định dạng CSS áp dụng cho một phần tử HTML sẽ tự động áp dụng cho tất cả các phần tử con và cháu của phần tử đó, trừ khi các phần tử con hoặc cháu có mẫu định dạng riêng.

Câu 2: Thuộc tính line-height trong CSS có tác dụng gì và có thể được thiết lập theo những cách nào?

Trả lời:

Thuộc tính line-height trong CSS dùng để thiết lập chiều cao dòng văn bản. Nó có thể được thiết lập theo các đơn vị như em, %, hoặc số đo tương đối như line-height: 3;.

Câu 3: Giải thích cấu trúc tổng quát của CSS với ví dụ đơn giản.

Trả lời:

Cấu trúc tổng quát của CSS: bộ chọn { thuộc tính: giá trị; }.

VD:

p { color: blue; text-align: center; }

Câu 4: Trong CSS, thuộc tính text-align dùng để làm gì?

Trả lời:

Thuộc tính text-align trong CSS dùng để thiết lập căn lề cho các phần tử văn bản, với các giá trị như left, center, right, và justify.

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

Câu 1: Viết một mẫu CSS để thiết lập màu chữ đỏ cho tất cả các tiêu đề h1 trên trang web.

Trả lời:

h1 { color: red; }

Câu 2: Viết một mẫu CSS để căn lề trái cho đoạn văn và thụt lề dòng đầu tiên 15px.

Trả lời:

p { text-align: left; text-indent: 15px; }

Câu 3: Viết CSS để căn giữa văn bản trong tất cả các thẻ h1 và h2, với cỡ chữ là 20px và màu xanh.

Trả lời:

h1, h2 { text-align: center; font-size: 20px; color: blue; }

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

Câu 1: CSS có thể áp dụng bao nhiêu mẫu định dạng cho một phần tử HTML? Giải thích cách hoạt động của các mẫu định dạng này khi có sự trùng lặp.

Trả lời:

CSS có thể áp dụng nhiều mẫu định dạng cho một phần tử HTML. Khi có sự trùng lặp, trình duyệt sẽ chọn mẫu cuối cùng để áp dụng, dựa vào nguyên lý cascading. Nếu có sử dụng từ khóa !important, thuộc tính đó sẽ có ưu tiên cao hơn các mẫu khác, bất kể thứ tự xuất hiện.

Câu 2: Viết mẫu CSS để thiết lập các tiêu đề (h1, h2) căn trái, phông chữ không chân, cỡ chữ 16px và màu đỏ, đồng thời các đoạn văn (p) có phông chữ có chân và thụt lề dòng đầu tiên 2 ký tự.

Trả lời:

h1, h2 { font-size: 16px; color: red; text-align: left; font-family: sans-serif; }

p { font-family: serif; text-indent: 2em; }