Chủ đề 4. Giải quyết vấn đề với sự trợ giúp của máy tính SBT Tin học 12 Kết nối tri thức
Bài 14. Định dạng văn bản bằng CSS trang 38 SBT Tin học 12 Kết nối tri thức với cuộc sống
Bài 15. Tạo màu cho chữ và nền trang 41 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 16. Định dạng khung trang 43 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 17. Các mức ưu tiên của bộ chọn trang 46 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 18. Thực hành tổng hợp thiết kế trang web trang 49 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 13. Khái niệm, vai trò của CSS trang 36 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 12. Tạo biểu mẫu trang 34 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 10. Tạo liên kết trang 29 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 9. Tạo danh sách, bảng trang 27 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 8. Định dạng văn bản trang 25 SBT Tin học 12 Kết nối tri thức với cuộc sống Bài 7. HTML và cấu trúc trang web trang 23 SBT Tin học 12 Kết nối tri thức với cuộc sốngBài 14. Định dạng văn bản bằng CSS trang 38 SBT Tin học 12 Kết nối tri thức với cuộc sống
Bài 14. Định dạng văn bản bằng CSS
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.
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; }
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.
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.
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.
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.
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.
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.
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.
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.
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?
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?
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?
Mẹo tìm đáp án nhanh
Search Google: "từ khóa + baitap365" Ví dụ: "Bài 5 trang 13 SGK Vật lí 12 baitap365