Giải SGK Tin 12 KNTT Bài 14. Định dạng văn bản bằng CSS có đáp án

28 người thi tuần này 4.6 503 lượt thi 11 câu hỏi

Đề số 1

🔥 Học sinh cũng đã học

463 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 6

5.5 K lượt thi 28 câu hỏi

207 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 5

5.2 K lượt thi 28 câu hỏi

93 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 4

5.1 K lượt thi 28 câu hỏi

56 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 3

2.8 K lượt thi 28 câu hỏi

53 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 2

2.8 K lượt thi 28 câu hỏi

2110 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 1

4.9 K lượt thi 28 câu hỏi

44 người thi tuần này

Bộ 3 đề thi cuối kì 2 Tin học 12 Chân trời sáng tạo có đáp án - Đề 3

1.8 K lượt thi 28 câu hỏi

61 người thi tuần này

Bộ 3 đề thi cuối kì 2 Tin học 12 Chân trời sáng tạo có đáp án - Đề 2

1.8 K lượt thi 28 câu hỏi

Danh sách câu hỏi:

Câu 1/11

Quan sát đoạn văn bản được thể hiện trên một trang web trong hình 14.1. Em có nhận xét gì về các định dạng liên quan đến phông chữ của văn bản?

Lời giải

Đoạn văn bản trên sử dụng các phông chữ khác nhau.

Câu 2/11

Các mẫu định dạng văn bản trong Hình 14.1 đều liên quan đến định dạng kí tự gồm phông chữ, màu chữ và kiểu chữ. Các thuộc tính của CSS liên quan bao gồm định dạng phông chữ (text font), màu chữ (text color) và dòng văn bản (text line). Quan sát và thảo luận để hiểu rõ hơn các mẫu định dạng CSS này.

Lời giải

Trong CSS, có nhiều thuộc tính để định dạng văn bản. Dưới đây là một số mẫu định dạng phổ biến:

- Định dạng phông chữ (text font):

+ c định loại phông chữ được sử dụng cho văn bản.

+ ch thước của phông chữ.

+ font-weight: Xác định độ đậm của phông chữ (như font-weight: bold).

+ font-style: Xác định kiểu chữ (như font-style: italic).

- Màu chữ (text color):

+ color: Đặt màu cho văn bản.

- Định dạng dòng văn bản (text line):

+ text-decoration: Xác định trang trí dòng văn bản như gạch chân, gạch ngang, hay gạch trên.

+ text-align: Căn chỉnh văn bản theo chiều ngang (trái, phải, giữa, hoặc canh đều).

+ c định khoảng cách dòng giữa các dòng văn bản.

Câu 3/11

Giải thích các mẫu định dạng CSS sau:

Lời giải

Trong đoạn mã CSS trên, chúng ta có hai mẫu định dạng văn bản:

- Mẫu định dạng cho tiêu đề h1:

+ color: red;: Đặt màu chữ của tiêu đề h1 thành màu đỏ.

+ text-align: center;: Căn chỉnh tiêu đề h1 ở giữa trên trang.

- Mẫu định dạng cho đoạn văn bản trong thẻ p:

+ text-align: justify;: Căn chỉnh đoạn văn bản trong thẻ p theo kiểu dàn trang đều, với cả hai mép trái và phải được căn chỉnh.

Câu 4/11

Giả sử mẫu định dạng CSS có định dạng sau:

Hãy kiểm tra tác dụng của CSS này trên một tệp HTML bất kì và đưa ra nhận xét.

Lời giải

Mẫu định dạng CSS <style> body {color: blue;} </style> sẽ áp dụng một thuộc tính cho phần tử <body> của tệp HTML. Cụ thể là color: blue;, điều này đặt màu chữ của toàn bộ nội dung trong phần tử <body> thành màu xanh lam.

Ví dụ:

Giả sử mẫu định dạng CSS có định dạng sau: Hãy kiểm tra tác dụng của CSS này trên một tệp HTML bất kì và đưa ra nhận xét. (ảnh 2)

Câu 5/11

Quan sát, tìm hiểu, trao đổi và trả lời các câu hỏi sau:

1. Các mẫu định dạng có tính kế thừa trong mô hình cây HTML không? Nếu một mẫu định dạng thiết lập ở một phần từ HTML thì định dạng đó có áp dụng cho tất cả các phần tử con, cháu của phần tử này không?

2. Nếu có nhiều mẫu CSS cùng được thiết lập cho một phần tử HTML thì trình duyệt sẽ áp dụng các mẫu định dạng CSS này theo thứ tự ưu tiên nào.

Lời giải

1. Các mẫu định dạng trong CSS có tính kế thừa trong mô hình cây HTML. Khi một mẫu định dạng được áp dụng cho một phần tử HTML, định dạng đó sẽ áp dụng cho tất cả các phần tử con, cháu của phần tử đó, trừ những trường hợp ngoại lệ.

Tuy nhiên, đôi khi các phần tử con, cháu có thể có các mẫu định dạng riêng mà không kế thừa từ phần tử cha. Điều này có thể được thực hiện bằng cách định rõ mẫu định dạng cho các phần tử con, cháu đó.

2. Khi có nhiều mẫu CSS cùng được thiết lập cho một phần tử HTML, trình duyệt sẽ áp dụng các mẫu định dạng này theo thứ tự ưu tiên nhất định. Thứ tự ưu tiên của các mẫu CSS được xác định như sau:

- Mẫu CSS được viết cuối cùng trong tệp CSS sẽ có ưu tiên cao hơn các mẫu trước đó. Điều này có nghĩa là nếu có các định dạng trùng nhau cho cùng một phần tử, thì định dạng cuối cùng sẽ được áp dụng.

- Ngoài ra, sử dụng kí hiệu !important trong một mẫu định dạng có nghĩa là định dạng đó sẽ có ưu tiên cao nhất, không phụ thuộc vào vị trí của nó trong tệp CSS. Điều này có nghĩa là mẫu định dạng với !important sẽ ghi đè lên các định dạng khác cho cùng một phần tử.

Câu 6/11