Bài 14. Định dạng văn bản bằng CSS trang 38

1.1

Trả lời câu hỏi 1.1 trang 38 Bài 1 SBT Tin học 12 Kết nối tri thức

Mẫu định dạng CSS sau đây viết đúng hay sai?

p {font-family: Times, Times New Roman, Tahoma, serif ;)

A. Đúng.

B. Sai.

Lời giải chi tiết:

Đá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 font-family là font-family: value1, value2, ...; 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 { font-family: Times, "Times New Roman", Tahoma, serif; }

1.2

Đá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 font-family là font-family: value1, value2, ...; 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 { font-family: Times, "Times New Roman", Tahoma, serif; }

Lời giải chi tiết:

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

1.3

Trả lời câu hỏi 1.3 trang 39 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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.

1.4

Trả lời câu hỏi 1.4 trang 39 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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ó.

1.5

Trả lời câu hỏi 1.5 trang 39 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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.

1.6

Trả lời câu hỏi 1.6 trang 39 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

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.

1.7

Trả lời câu hỏi 1.7 trang 39 Bài 1 SBT Tin học 12 Kết nối tri thức

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 font-family</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 chi tiết:

Đá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>.

1.8

Trả lời câu hỏi 1.8 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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.

1.9

Trả lời câu hỏi 1.9 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

Phương án nào sau đây nói đúng về từ khoá limportant?

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

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

C. Mẫu định dạng đi với limportant 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 limportant 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 chi tiết:

Đá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.

1.10

Trả lời câu hỏi 1.10 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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.

1.11

Trả lời câu hỏi 1.11 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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.

1.12

Trả lời câu hỏi 1.12 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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).

1.13

Trả lời câu hỏi 1.13 trang 40 Bài 1 SBT Tin học 12 Kết nối tri thức

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 chi tiết:

Đá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