Bài viết này tổng hợp các câu hỏi trắc nghiệm tin học lớp 12 bài 13 sách Kết nối tri thức, tập trung vào khái niệm và vai trò của CSS (Cascading Style Sheets) trong thiết kế web. Các câu hỏi được biên soạn chi tiết, đầy đủ các mức độ, giúp học sinh ôn luyện và củng cố kiến thức hiệu quả.
Câu 1: CSS là viết tắt của thuật ngữ nào, thể hiện vai trò chính của nó trong thiết kế web?
A. Cascading Style Sheets
B. Cascading Script Sheets
C. Color Style Sheets
D. Cascading Style Systems
Đáp án: A
Giải thích: CSS (Cascading Style Sheets) là ngôn ngữ định dạng, cho phép kiểm soát giao diện và bố cục của trang web, tách biệt khỏi nội dung HTML.
Câu 2: Trong cấu trúc CSS, thành phần nào có chức năng xác định chính xác các phần tử HTML sẽ được áp dụng các quy tắc định dạng?
A. Vùng mô tả
B. Thuộc tính
C. Bộ chọn
D. Giá trị
Đáp án: C
Giải thích: Bộ chọn (selector) là thành phần then chốt, cho phép CSS nhắm mục tiêu đến các thẻ HTML cụ thể để áp dụng các kiểu dáng đã được định nghĩa.
Câu 3: Hãy xác định đoạn mã CSS nào thể hiện việc sử dụng nhiều thuộc tính khác nhau trong vùng mô tả để định dạng một phần tử HTML?
A. h1 {color: red;}
B. p {text-indent: 15px; color: blue;}
C. div {background: yellow;}
D. a {font-size: 14px;}
Đáp án: B
Giải thích: Đoạn mã p {text-indent: 15px; color: blue;} minh họa việc sử dụng đồng thời text-indent (thụt đầu dòng) và color (màu chữ) trong vùng mô tả để định dạng thẻ <p>.
Câu 4: Phương pháp nào sau đây không được công nhận là một cách thức hợp lệ để thiết lập CSS cho trang web?
A. CSS trong
B. CSS ngoài
C. CSS nội tuyến
D. CSS tích hợp
Đáp án: D
Giải thích: Ba phương pháp thiết lập CSS phổ biến và được công nhận là: CSS trong (internal), CSS ngoài (external), và CSS nội tuyến (inline). “CSS tích hợp” không phải là thuật ngữ hoặc phương pháp được sử dụng chính thức.
Câu 5: Để liên kết một tệp CSS bên ngoài với tệp HTML, thẻ HTML nào cần được sử dụng và đặt ở vị trí nào trong cấu trúc của tệp HTML?
A. <script>
B. <style>
C. <link>
D. <a>
Đáp án: C
Giải thích: Thẻ <link rel="stylesheet" href="style.css"> được sử dụng để liên kết tệp CSS bên ngoài (ví dụ: style.css) với tệp HTML. Thẻ này thường được đặt trong phần <head> của tài liệu HTML.
Câu 6: Cấu trúc tối giản của một quy tắc CSS bao gồm những thành phần cơ bản nào để định dạng phần tử HTML?
A. Chỉ bộ chọn
B. Chỉ vùng mô tả
C. Bộ chọn và vùng mô tả
D. Bộ chọn, vùng mô tả và thuộc tính
Đáp án: C
Giải thích: Một quy tắc CSS tối thiểu cần có bộ chọn (để xác định phần tử) và vùng mô tả (để chỉ định các thuộc tính và giá trị định dạng).
Câu 7: Phương pháp nào cho phép bạn áp dụng các quy tắc CSS trực tiếp vào các phần tử HTML cụ thể?
A. CSS trong
B. CSS ngoài
C. CSS nội tuyến
D. CSS liên kết
Đáp án: C
Giải thích: CSS nội tuyến (inline CSS) cho phép định dạng trực tiếp bằng cách sử dụng thuộc tính style bên trong các thẻ HTML. Ví dụ: <p style="color: blue;">Đây là đoạn văn bản.</p>.
Câu 8: Giả sử bạn muốn áp dụng cùng một định dạng cho tất cả các thẻ tiêu đề từ <h1> đến <h3>. Cách viết CSS nào là tối ưu nhất?
A. h1 h2 h3 {color: red;}
B. h1, h2, h3 {color: red;}
C. h1 h2, h3 {color: red;}
D. h1 h2 h3 {color: red;}
Đáp án: B
Giải thích: Sử dụng dấu phẩy (,) để nhóm các bộ chọn cho phép áp dụng cùng một bộ quy tắc cho nhiều phần tử. Ví dụ: h1, h2, h3 {color: red;} sẽ đặt màu chữ thành đỏ cho tất cả các thẻ tiêu đề từ <h1> đến <h3>.
Câu 9: Đoạn mã nào sau đây là một ví dụ điển hình về cách sử dụng CSS nội tuyến trong HTML?
A. <style>p {color: blue;}</style>
B. <link rel="stylesheet" href="style.css">
C. <p style="color: green;">Text</p>
D. h1 {color: green;}
Đáp án: C
Giải thích: CSS nội tuyến được thể hiện bằng thuộc tính style trực tiếp trong thẻ HTML, ví dụ: <p style="color: green;">Text</p>.
Câu 10: Tại sao việc sử dụng CSS được coi là phương pháp hiệu quả hơn so với việc định dạng HTML trực tiếp bằng các thuộc tính HTML lỗi thời?
A. CSS không yêu cầu kiến thức về mã.
B. CSS giúp tách biệt nội dung và trình bày, giảm thiểu công việc lặp lại và đảm bảo tính nhất quán.
C. CSS loại bỏ hoàn toàn nhu cầu định dạng trang web.
D. CSS không hỗ trợ nhiều tùy chọn định dạng.
Đáp án: B
Giải thích: CSS mang lại nhiều lợi ích, bao gồm khả năng tách biệt nội dung khỏi trình bày, giúp mã nguồn dễ đọc và bảo trì hơn. Nó cũng cho phép tái sử dụng các quy tắc định dạng trên nhiều trang web, đảm bảo tính nhất quán và tiết kiệm thời gian.
