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 hỗ trợ thiết lập thuộc tính nào liên quan đến phông chữ?

Trả lời:

Các thuộc tính như font-family, font-size, font-style, và font-weight.

Câu 2: Thuộc tính nào trong CSS dùng để thiết lập màu chữ?

Trả lời:

Thuộc tính color.

Câu 3: Thuộc tính line-height trong CSS dùng để thiết lập gì?

Trả lời:

Thuộc tính line-height thiết lập chiều cao dòng văn bản.

Câu 4: Thuộc tính nào trong CSS dùng để căn lề văn bản?

Trả lời:

Thuộc tính text-align.

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

Câu 1: Giải thích sự khác biệt giữa các kiểu phông chữ "Serif" và "Sans-serif".

Trả lời:

Serif" là phông chữ có chân, các ký tự có các chi tiết mở rộng ở đầu và cuối nét chữ. "Sans-serif" là phông chữ không chân, các ký tự có đường nét đơn giản và không có chi tiết mở rộng.

Câu 2: Cách CSS xử lý tính kế thừa khi áp dụng mẫu định dạng cho một phần tử HTML?

Trả lời:

CSS sẽ tự động áp dụng mẫu định dạng cho tất cả các phần tử con và cháu của phần tử đó trong mô hình cây HTML, trừ khi các phần tử này có mẫu định dạng riêng.

Câu 3: CSS xử lý như thế nào khi có nhiều mẫu định dạng áp dụng cho một phần tử HTML?

Trả lời:

CSS sẽ áp dụng mẫu định dạng được viết sau cùng (theo thứ tự trong mã nguồn), trừ khi có các ký hiệu như !important hoặc các bộ chọn có mức độ ưu tiên khác.

Câu 4: Giải thích sự khác nhau giữa ký hiệu * và !important trong CSS.

Trả lời:

Ký hiệu * có mức độ ưu tiên thấp nhất và áp dụng cho tất cả các phần tử không có định dạng riêng. Còn !important có mức độ ưu tiên cao nhất, sẽ được áp dụng ngay cả khi mẫu CSS được viết ở cuối.

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

Câu 1: Viết đoạn mã CSS để thiết lập phông chữ cho tiêu đề h1 là "Arial", cỡ chữ 20px và màu xanh dương.

Trả lời:

h1 {

font-family: Arial;

font-size: 20px;

color: blue;

}

Câu 2: Viết đoạn mã CSS để thiết lập chiều cao dòng cho thẻ p bằng 1.5 lần cỡ chữ hiện tại.

Trả lời:

p {

line-height: 1.5;

}

Câu 3: Viết đoạn mã CSS để căn đều hai bên nội dung trong thẻ p và thụt lề dòng đầu tiên 1em.

Trả lời:

p {

text-align: justify;

text-indent: 1em;

}

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

Câu 1: Viết một ví dụ CSS cho phép tất cả các tiêu đề trong trang web có màu xanh, căn giữa, và có kích thước chữ 18px, nhưng nếu có một thẻ h1 thì kích thước chữ sẽ là 24px và màu đỏ.

Trả lời:

h1, h2, h3, {

color: blue;

text-align: center;

font-size: 18px;

}

h1 {

color: red;

font-size: 24px;