WorksheetsBài 8: Làm quen với CSS K12
Total questions: 20
Worksheet time: 8mins
CSS là viết tắt của cụm từ nào sau đây?
Creative Style Sheets.
Cascading Style Sheets.
Computer Style Sheets.
Colorful Style Sheets.
Mục đích chính của việc sử dụng CSS trong trang web là gì?
Để tạo các liên kết giữa các trang web.
Để định nghĩa cấu trúc nội dung của trang web.
Để khai báo kiểu trình bày cho các phần tử HTML.
Để lưu trữ dữ liệu người dùng nhập vào biểu mẫu.
Một quy tắc định dạng CSS thường gồm những thành phần chính nào?
Bộ chọn (selector) và khối khai báo.
Thẻ mở và thẻ đóng.
Tên thuộc tính và dấu bằng (=).
Địa chỉ URL và tên tệp.
Khai báo CSS trong (internal CSS) thường được đặt trong cặp thẻ nào?
<Body>
<Link>
<Style>
<Script>
Tệp CSS ngoài thường có phần mở rộng là gì?
.html
.txt
.css
.js
Để định dạng màu chữ cho một phần tử, ta sử dụng thuộc tính nào?
background-color
color
font-style
border-color
Đơn vị nào thường được dùng để xác định kích thước chữ (font-size) trong CSS?
pixel (px).
byte.
gram.
m (mét).
Khẳng định nào sau đây là ĐÚNG về lợi ích của CSS?
CSS giúp trang web chạy nhanh hơn mà không cần Internet.
CSS giúp tách biệt nội dung và định dạng, giúp dễ dàng quản lý và tái sử dụng.
CSS thay thế hoàn toàn ngôn ngữ HTML trong việc tạo trang web.
CSS chỉ có thể định dạng được màu sắc, không định dạng được phông chữ.
Trong quy tắc CSS: p {color: red;}, thành phần color được gọi là gì?
Bộ chọn (selector).
Giá trị (value).
Thuộc tính (property).
Khối khai báo.
Khi sử dụng CSS ngoài (external CSS), thẻ <link> dùng để kết nối tệp .css thường được đặt ở đâu trong tệp HTML?
Cuối phần <body>.
Trước thẻ <HTML>
Sau thẻ <Table>
Trong phần <head>
Việc viết gộp các bộ chọn như h1, h2, p {color: blue;} có ý nghĩa gì?
Áp dụng cùng một quy tắc định dạng cho nhiều phần tử cùng lúc.
Chỉ áp dụng định dạng cho phần tử p.
Tạo ra một lỗi cú pháp vì không được dùng dấu phẩy.
Làm cho màu xanh của các thẻ trộn lẫn vào nhau.
Thuộc tính font-family được dùng để làm gì?
Định dạng kích thước chữ.
Định dạng kiểu chữ in nghiêng.
Xác định tên phông chữ được sử dụng.
Xác định khoảng cách giữa các dòng.
Cú pháp nào sau đây dùng để liên kết đúng tệp CSS ngoài có tên "style.css"?
<style src="style.css">
<css link="style.css">
<link type="css" src="style.css">
<link rel="stylesheet" href="style.css">
Giá trị solid của thuộc tính border-style có ý nghĩa gì?
Đường viền là các dấu chấm liền nhau.
Không có đường viền.
Đường viền là một đường kẻ nét liền.
Đường viền có màu đậm.
Để định dạng tất cả các đoạn văn (<p>) có chữ màu xanh nước biển và kích thước chữ 20px, đoạn mã CSS nào sau đây là ĐÚNG?
p {color: blue, font-size: 20px}
p (color: blue; font-size: 20px;)
p {color: blue; font-size: 20px;}
p {blue: color; 20px: font-size;}
Nếu muốn tất cả tiêu đề <h1> và <h2> trên trang web đều có phông chữ "Arial", bạn nên viết CSS như thế nào?
h1, h2 {font-family: Arial;}
h1 h2 {font-family: Arial;}
h1; h2 {font-family: Arial;}
h1-h2 {font-family: Arial;}
Cho đoạn mã HTML: <p>Nội dung văn bản</p>. Để đoạn văn này có đường viền nét liền, màu đỏ, mã CSS nào sau đây chính xác?
p {border-color: red;}
p {border-style: dotted; border-color: red;}
p {border-style: solid; border-color: red;}
p {style-border: solid; color-border: red;}
Bạn muốn thiết lập màu nền cho toàn bộ trang web là màu vàng (yellow). Bộ chọn nào sau đây cần được sử dụng?
p
head
body
html-style
Phát hiện lỗi sai trong đoạn mã CSS sau: h1 {color=green; font-size: 25px;}
Thiếu dấu chấm phẩy sau green.
Sử dụng dấu bằng (=) thay vì dấu hai chấm (:) sau thuộc tính color.
Không được viết h1 ở ngoài dấu ngoặc nhọn.
Thuộc tính font-size không được đi kèm với color.
Giả sử bạn có tệp bai1.css. Để áp dụng các định dạng trong tệp này cho nhiều trang web khác nhau trong cùng một website, cách làm nào là tối ưu nhất?
Chép nội dung tệp bai1.css vào thẻ