Bài 13. Khái niệm, vai trò của CSS trang 36
1.1
Trả lời câu hỏi 1.1 trang 36 Bài 1 SBT Tin học 12 Kết nối tri thức
Phương án nào đúng nhất khi nói về CSS?
A. CSS là ngôn ngữ mở rộng trực tiếp của HTML.
B. CSS bao gồm các mẫu định dạng có tính năng thiết lập khuôn dạng cho các phần tử HTML của trang web.
C. CSS bao gồm các mẫu định dạng dùng để định dạng trang web tương tự mô hình Style Sheet của các phần mềm soạn thảo văn bản.
D. CSS bao gồm danh sách các mẫu định dạng bắt buộc phải gắn liền với một tệp HTML nào đó.
Lời giải chi tiết:
Đáp án: B. CSS thực chất là tập hợp các mẫu định dạng (rules) dùng để thiết lập cách hiển thị cho các phần tử HTML. CSS cho phép người lập trình điều chỉnh nhiều khía cạnh của các phần tử HTML như màu sắc, font chữ, khoảng cách, lề, và cách các phần tử được bố trí trên trang web.
1.2
Trả lời câu hỏi 1.2 trang 36 Bài 1 SBT Tin học 12 Kết nối tri thức
Các thông số định dạng được viết trong thuộc tính style của một thẻ HTML có được gọi là mẫu định dạng CSS không?
A. Có.
B. Không.
C. Tuỳ thuộc vào thẻ HTML.
D. Tuỳ thuộc vào cách viết của các giá trị này.
Lời giải chi tiết:
Đáp án: A. Các thông số định dạng được viết trong thuộc tính style của một thẻ HTML thực chất là các quy tắc định dạng CSS (CSS rules). CSS có thể được áp dụng dưới 3 cách: inline CSS, internal CSS và external CSS. Khi bạn sử dụng thuộc tính style trong một thẻ HTML, đó được gọi là inline CSS, và nội dung trong thuộc tính style là các mẫu định dạng CSS.
1.3
Trả lời câu hỏi 1.3 trang 36 Bài 1 SBT Tin học 12 Kết nối tri thức
CSS có thể được viết độc lập với mã HTML hay không?
A. Được.
B. Không được.
Lời giải chi tiết:
Đáp án: A. CSS hoàn toàn có thể được viết độc lập với mã HTML. Điều này xảy ra khi bạn tạo một tệp CSS riêng (external CSS file) và sử dụng tệp đó để định dạng các phần tử HTML. Tệp CSS có phần mở rộng .css và chứa các quy tắc định dạng CSS. Sau đó, tệp CSS này được liên kết với tệp HTML thông qua thẻ <link> trong phần <head> của tài liệu HTML.
1.4
Trả lời câu hỏi 1.4 trang 36 Bài 1 SBT Tin học 12 Kết nối tri thức
Mẫu định dạng CSS sau sẽ được áp dụng như thế nào?
h1, h2, h3 {color: red;}
A. Chỉ áp dụng cho các phần tử h3.
B. Chỉ áp dụng cho các phần tử h1.
C. Áp dụng cho đồng thời h1, h2, h3 với điều kiện tất cả các phần tử này phải có mặt trong tệp HTML.
D. Áp dụng cho đồng thời h1, h2, h3 không phụ thuộc vào điều kiện tất cả các phần tử này phải có mặt hay không trong tệp HTML.
Lời giải chi tiết:
Đáp án: D. Mẫu định dạng này sẽ áp dụng cho tất cả các phần tử <h1>, <h2>, và <h3> nếu chúng tồn tại trong tài liệu. Nếu chỉ có một trong số chúng có mặt, mẫu định dạng vẫn sẽ áp dụng cho phần tử đó mà không cần điều kiện tất cả phải có mặt.
1.5
Trả lời câu hỏi 1.5 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Phương án nào là chú thích trong CSS?
A. <- Đây là chú thích CSS ->
C. // Đây là chú thích CSS
B. /* Đây là chú thích CSS */
D. { Đây là chú thích CSS }
Lời giải chi tiết:
Đáp án: B. Đây là cú pháp chính xác để tạo chú thích trong CSS. Mọi nội dung nằm giữa /* và */ sẽ được coi là chú thích và không ảnh hưởng đến việc trình duyệt hiển thị hoặc xử lý mã.
1.6
Trả lời câu hỏi 1.6 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Mỗi định dạng CSS có cấu trúc như thế nào?
A. Bao gồm bộ chọn + vùng mô tả, trong đó bộ chọn chỉ cho phép một phần tử, vừng mô tả cho phép thiết lập một thuộc tính với nhiều giá trị khác nhau.
B. Bao gồm bộ chọn + vùng mô tả, trong đó bộ chọn cho phép có nhiều phần tử, vùng mô tả cho phép thiết lập một thuộc tính với nhiều giá trị khác nhau.
C. Bao gồm bộ chọn + vùng mô tả, trong đó bộ chọn cho phép có nhiều phần tử, vùng mô tả cho phép thiết lập nhiều thuộc tính với nhiều giá trị khác nhau.
D. Bao gồm bộ chọn + vùng mô tả, trong đó bộ chọn cho phép có nhiều phần tử, vùng mô tả cho phép thiết lập nhiều thuộc tính, mỗi thuộc tính gắn với một giá trị.
Lời giải chi tiết:
Đáp án: D. Phương án này chính xác nhất. Bộ chọn có thể áp dụng cho nhiều phần tử, và vùng mô tả có thể chứa nhiều thuộc tính, mỗi thuộc tính được gán một giá trị cụ thể.
1.7
Trả lời câu hỏi 1.7 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Có bao nhiêu cách thiết lập mẫu định dạng CSS?
A. 1.
B. 2.
С. 3.
D. 4.
Lời giải chi tiết:
Đáp án: C. Có ba cách thiết lập mẫu định dạng CSS (inline, internal và external).
1.8
Trả lời câu hỏi 1.8 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Mỗi mẫu định dạng CSS có thể thiết lập khuôn dạng áp dụng cho:
A. Một phần tử duy nhất trong trang web.
B. Tất cả các phần tử cùng loại trong trang web.
C. Tất cả các phần tử của tệp HTML không phân biệt kiểu.
D. Tất cả các phần tử nằm trong bộ chọn của mẫu định dạng được quy định áp dụng mẫu định dạng này.
Lời giải chi tiết:
Đáp án: D. Điều này hoàn toàn chính xác. Mẫu định dạng CSS áp dụng cho tất cả các phần tử mà bộ chọn chỉ định. Nếu bộ chọn chứa nhiều phần tử hoặc lớp, thì các thuộc tính sẽ được áp dụng cho tất cả các phần tử đó.
1.9
Trả lời câu hỏi 1.9 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Muốn một tệp .css có thể áp dụng cho nhiều tệp HTML thì cần làm như thế nào?
Chọn cách làm hợp lí nhất.
A. Sao chép nội dung tệp .css vào phần <head> ... </head> của tệp HTML.
B. Tạo liên kết đến tệp .css bằng lệnh @import đặt trong thẻ style bên trong <head> .. </head> của tệp HTML.
C. Sao chép nội dung tệp .css vào trong thẻ style rồi đặt trong <head> ... </head> của tệp HTML.
D. Sao chép vùng mô tả của tệp .css vào bên trong các phần tử tương ứng của bộ chọn trong mỗi phần tử tương ứng của trang web.
Lời giải chi tiết:
Đáp án: B. Cách này cho phép bạn chỉ cần tạo một tệp CSS và liên kết nó trong mỗi tệp HTML. Tuy nhiên, sử dụng @import có thể làm giảm hiệu suất vì nó không tối ưu bằng việc sử dụng thẻ <link>. Tuy nhiên, vẫn là một phương pháp hợp lý.
1.10
Trả lời câu hỏi 1.10 trang 37 Bài 1 SBT Tin học 12 Kết nối tri thức
Quan hệ giữa việc thiết lập mẫu định dạng CSS và tệp HTML như thế nào?
A. Cần thiết lập mẫu định dạng CSS trước khi thiết lập tệp HTML.
B. Cần thiết lập tệp HTML trước, sau đó mới thiết lập các mẫu định dạng CSS.
C. Cần thiết lập đồng thời mẫu định dạng CSS và tệp HTML.
D. Việc thiết lập mẫu định dạng CSS có thể độc lập hoàn toàn với thiết lập tệp HTML.
Lời giải chi tiết:
Đáp án: D. Bạn có thể tạo một tệp CSS độc lập mà không cần phải thiết lập HTML ngay lập tức. Mẫu định dạng CSS có thể được áp dụng cho nhiều tệp HTML mà không cần phải thay đổi.
1.11
Trả lời câu hỏi 1.11 trang 38 Bài 1 SBT Tin học 12 Kết nối tri thức
Phát biểu "Mỗi tệp CSS chỉ có thể áp dụng định dạng cho một tệp HTML." là đúng hay sai?
Lời giải chi tiết:
Đáp án: Đúng.
Phát biểu "Mỗi tệp CSS chỉ có thể áp dụng định dạng cho một tệp HTML." là đúng vì một tệp CSS có thể chứa các mẫu định dạng để định nghĩa kiểu dáng cho nhiều phần tử trong một tệp HTML, nhưng nó cũng có thể được liên kết với nhiều tệp HTML khác nhau. Tuy nhiên, nguyên tắc chính là mỗi tệp CSS độc lập có thể áp dụng cho một hoặc nhiều tệp HTML, không bị giới hạn chỉ cho một tệp duy nhất.
1.12
Trả lời câu hỏi 1.12 trang 38 Bài 1 SBT Tin học 12 Kết nối tri thức
Phát biểu "Ngôn ngữ định dạng CSS là mở rộng của ngôn ngữ đánh dấu siêu văn bản HTML." là đúng hay sai?
Lời giải chi tiết:
Đáp án: Sai. CSS không phải là một mở rộng của HTML, mà là một ngôn ngữ riêng biệt được thiết kế để làm việc cùng với HTML để tạo ra nội dung web hấp dẫn hơn.