Giải SBT Tin học 12 Bài 14 (Kết nối tri thức): Định dạng văn bản bằng CSS

Giải SBT Tin học 12 Bài 14: Định dạng văn bản bằng CSS

Câu 14.1 trang 38 SBT Tin học 12: Mẫu định dạng CSS sau đây viết đúng hay sai?

p {)

A. Đúng.

B. Sai.

Lời giải:

Đáp án: Sai

Trong CSS, mỗi mẫu định dạng cần tuân thủ cú pháp chính xác, bao gồm việc sử dụng dấu ngoặc nhọn {} để chứa các thuộc tính và giá trị, và cần sử dụng dấu chấm phẩy ; để phân tách các thuộc tính.

Cú pháp đúng cho thuộc tính mà không có bất kỳ dấu nào khác không hợp lệ.

Trong mẫu định dạng đã cho, có một dấu ngoặc đơn ) thay vì dấu ngoặc nhọn đóng }. Cú pháp CSS yêu cầu phải sử dụng dấu ngoặc nhọn để đóng lại khối định nghĩa của các thuộc tính.

p { }

Câu 14.2 trang 38 SBT Tin học 12: Nối phông chữ ở cột bên trái với kiếu phông ở cột bên phải.

Lời giải:

Đáp án: 1c, 2-e, 3-a, 4-b, 5-d.

Câu 14.3 trang 39 SBT Tin học 12: Muốn thiết lập kiểu chữ in nghiêng thì cần thiết lập mẫu định dạng CSS nào?

A. font-family.

B. font-weight.

C. font-style.

D. font-size.

Lời giải:

Đáp án: C, font-style: Đây là thuộc tính đúng để thiết lập kiểu chữ in nghiêng. Bạn có thể sử dụng giá trị italic hoặc oblique với thuộc tính này để làm cho chữ in nghiêng.

Câu 14.4 trang 39 SBT Tin học 12: Mẫu định dạng sau có ý nghĩa gì?

p {font-size : 200%;}.

A. Thiết lập các phần tử p có cỡ chữ gấp hai lần mặc định của trình duyệt.

B. Thiết lập các phần tử p có cỡ chữ bằng 200% so với phần tử cha của mình.

C. Thiết lập các phần tử p có cỡ chữ bằng 2 pixel.

D. Thiết lập các phần tử p có cỡ chữ gấp hai lần phần tử gốc.

Lời giải:

Đáp án: B. Mẫu định dạng này chỉ định rằng cỡ chữ của các phần tử <p> sẽ là 200% so với cỡ chữ của phần tử cha chứa nó.

Câu 14.5 trang 39 SBT Tin học 12: Tính kể thừa của mẫu định dạng CSS được hiểu như thế nào?

A. Mọi phần tử sẽ được định dạng theo định dạng của phần tử cha.

B. Mọi phần tử sẽ được định dạng theo phần tử gốc.

C. Nếu một mẫu định dạng CSS được áp dụng cho một phần tử thì mặc định nó sẽ được áp dụng cho tất cả các phần tử con, cháu của phần tử này.

D. Nếu một mẫu định dạng CSS được áp dụng cho một phần tử thì mặc định nó sẽ được áp dụng cho tất cả các phần tử con của phần tử này.

Lời giải:

Đáp án: C, Không phải mọi thuộc tính trong mẫu định dạng CSS đều được kế thừa. Như đã đề cập, chỉ một số thuộc tính nhất định mới được kế thừa. Các thuộc tính không kế thừa sẽ không tự động áp dụng cho các phần tử con.

Câu 14.6 trang 39 SBT Tin học 12: Giả sử có một đoạn văn bản có mã HTML như sau:

<h1> Tiêu đề trang</h1>

<P> Đây là văn bản <em> rất đặc biệt </em> </p>

Giả sử thiết lập mẫu định dạng CSS như sau:

1 <style>

2 p {font-size: 2rem; }

3 em {font-size: 50%; }

4 </style>

Khi đó cụm từ "rất đặc biệt" sẽ có cỡ chữ như thế nào?

A. Có cỡ chữ bằng cỡ chữ mặc định của trình duyệt.

B. Có cỡ chữ bằng 50% của cỡ chữ mặc định của trình duyệt.

C. Có cỡ chữ bằng 200% của cỡ chữ mặc định của trình duyệt.

D. Có cỡ chữ bằng 100% của phần tử gốc của văn bản.

Lời giải:

Câu trả lời đúng là: B. Có cỡ chữ bằng 50% của cỡ chữ mặc định của trình duyệt.

Câu 14.7 trang 39 SBT Tin học 12: Giả sử có mẫu định dạng CSS như sau:

<style>

p {color: blue }

* {color: green;}

p (color: magenta; }

</style>

Khi đó cụm từ "rất đặc biệt" trong văn bản sau sẽ có màu gì?

<h1>CSS /h1>

<p> Đây là văn bản <em> rất đặc biệt </em> </p>

A. Màu hồng.

B. Màu xanh lá cây.

C. Màu xanh dương.

D. Màu mặc định của trình duyệt.

Lời giải:

Đáp án: A. Cụm từ sẽ có màu magenta (hồng) vì đây là quy tắc cuối cùng được áp dụng cho phần tử <p>.

Câu 14.8 trang 40 SBT Tin học 12: Kí hiệu * nằm trong bộ chọn của mẫu định dạng CSS có ý nghĩa gì?

A. Áp dụng cho tất cả các phần tử của tệp HTML.

B. Áp dụng cho tất cả các phần tử mà không nằm trong các mẫu định dạng CSS phía dưới của định dạng chứa kí hiệu *.

C. Áp dụng cho tất cả các phần tử mà không nằm trong các mẫu định dạng CSS phía trên của định dạng chứa kí hiệu *.

D. Áp dụng cho tất cả các phần tử mà không nằm trong bất cứ mẫu định dạng CSS nào.

Lời giải:

Đáp án: A.

Ký hiệu * sẽ áp dụng cho tất cả các phần tử trong tệp HTML, không phân biệt loại phần tử nào. Điều này có nghĩa là mọi thẻ HTML sẽ nhận được các kiểu được xác định bởi bộ chọn này.

ký hiệu * không có ý nghĩa là "áp dụng cho tất cả các phần tử mà không nằm trong bất cứ mẫu định dạng CSS nào".

Khi bạn sử dụng * trong CSS, nó áp dụng kiểu cho tất cả các phần tử trong tài liệu HTML, bất kể chúng có bị ảnh hưởng bởi các quy tắc CSS khác hay không. Nói cách khác, nếu có các quy tắc CSS khác định nghĩa kiểu cho một phần tử, phần tử đó vẫn sẽ nhận kiểu từ quy tắc * nếu không có quy tắc nào khác ưu tiên hơn.

Vì vậy, * đơn giản chỉ là một bộ chọn toàn cục, áp dụng cho mọi phần tử trong tài liệu.

Câu 14.9 trang 40 SBT Tin học 12: Phương án nào sau đây nói đúng về từ khoá !important?

A. Mẫu định dạng có !important sẽ được ưu tiên cao nhất.

B. Thuộc tính đi với !important sẽ được ưu tiên cao nhất.

C. Mẫu định dạng đi với !important sẽ được ưu tiên cao nhất nếu mẫu này ở dòng cuối cùng của danh sách các định dạng CSS.

D. Thuộc tính đi với !important sẽ được ưu tiên cao nhất nếu mẫu này ở dòng cuồi cùng của danh sách các định dạng CSS.

Lời giải:

Đáp án: B. Bất kỳ thuộc tính nào được đánh dấu với !important sẽ có ưu tiên cao nhất, vượt qua mọi quy tắc khác, bất kể mức độ cụ thể hay thứ tự của chúng trong CSS.

Câu 14.10 trang 40 SBT Tin học 12: Phát biểu "Trong các mẫu định dạng CSS, chỉ cho phép duy nhất một dòng có kí hiệu *." là đúng hay sai?

A. Đúng.

B. Sai.

Lời giải:

Đáp án: B. Đây là lựa chọn chính xác, vì bạn có thể có nhiều dòng với ký hiệu * trong một tệp CSS.

Câu 14.11 trang 40 SBT Tin học 12: Giả sử tệp HTML có định dạng CSS như sau:

<style>

body {color : blue;

</style>

Khi đó nếu không có định dạng hoặc cài đặt thuộc tính bổ sung thì toàn bộ nội dung trang web sẽ có màu chữ xanh dương. Điều này đúng hay sai?

Lời giải:

Đáp án: Đúng. Nếu không có bất kỳ định dạng hoặc cài đặt thuộc tính bổ sung nào cho các phần tử con bên trong <body>, thì toàn bộ nội dung trang web sẽ có màu chữ xanh dương.

Câu 14.12 trang 40 SBT Tin học 12: Tính chất «cascading» (thác nước) của CSS biểu hiện như sau: Nếu có nhiều mẫu định dạng cùng có thể áp dụng cho một phần tử HTML thì định dạng cuối cùng sẽ được chọn. Điều này đúng hay sai?

Lời giải:

Đáp án: Đúng.

Tính chất "cascading" (thác nước) của CSS có nghĩa là nếu có nhiều quy tắc CSS áp dụng cho cùng một phần tử HTML, quy tắc nào được định nghĩa sau sẽ có độ ưu tiên cao hơn, trừ khi có các quy tắc ưu tiên khác (như quy tắc cụ thể hơn hoặc quy tắc !important).

Câu 14.13 trang 40 SBT Tin học 12: Phát biểu "Bộ chọn CSS dạng * luôn có mức ưu tiên thấp nhất nên không bao giờ được áp dụng." là đúng hay sai?

Lời giải:

Đáp án: Sai. Phát biểu "Bộ chọn CSS dạng * luôn có mức ưu tiên thấp nhất nên không bao giờ được áp dụng." là sai.

Bộ chọn * có mức ưu tiên thấp nhất, nhưng nó vẫn có thể được áp dụng nếu không có quy tắc nào khác với mức độ ưu tiên cao hơn

Xem thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Kết nối tri thức hay, chi tiết khác:

Bài 15: Tạo màu cho chữ và nền

Bài 16: Định dạng khung

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

Bài 18: Thực hành tổng hợp thiết kế trang web

Bài 19: Dịch vụ sửa chữa và bảo trì máy tính

Xem thêm tài liệu Tin học lớp 12 Kết nối tri thức với cuộc sống hay, chi tiết khác:

Lý thuyết Định dạng văn bản bằng CSS lớp 12

Giáo án điện tử Định dạng văn bản bằng CSS lớp 12

Giải SGK Tin học 12 Bài 14: Định dạng văn bản bằng CSS