Font size
WorksheetsQuiz về CSS
Total questions: 67
Worksheet time: 35mins
CSS viết tắt của từ nào trong tiếng Anh?
Cascading Style Sheets
Cascading Script Sheets
Color Style Sheets
Cascading Style Systems
Trong cấu trúc CSS, phần nào xác định các thẻ HTML nào sẽ được áp dụng định dạng?
Vùng mô tả
Thuộc tính
Bộ chọn
Giá trị
[TH] Đoạn mã nào sau đây là ví dụ về CSS với nhiều quy định trong vùng mô tả?
h1 {color: red;}
p {text-indent: 15px; color: blue;}
div {background: yellow;}
a {font-size: 14px;}
Cách nào không phải là một cách thiết lập CSS?
Inline CSS
Internal CSS
External CSS
Integrated CSS
Để kết nối tệp CSS với tệp HTML, bạn có thể sử dụng thẻ nào trong phần <head> ?
<script>
<style>
<link>
<import>
Cấu trúc của một mẫu định dạng CSS đơn giản nhất bao gồm phần nào?
Chỉ bộ chọn
Chỉ vùng mô tả
Bộ chọn và vùng mô tả
Bộ chọn, vùng mô tả và thuộc tính
Cách nào cho phép định dạng CSS trực tiếp trong các phần tử HTML?
Internal CSS
External CSS
Inline CSS
Link CSS
[TH] Nếu bạn muốn định dạng tất cả các thẻ <h1>, <h2>, và <h3> cùng một lúc, bạn nên viết CSS như thế nào?
h1 h2 h3 {color: red;}
h1, h2, h3 {color: red;}
h1 h2, h3 {color: red;}
h1 h2 h3 {color: red;}
[TH] Mẫu định dạng nào dưới đây là CSS nội tuyến?
<style> p {color: green; } </style>
<link rel="stylesheet" herf="styles.css">
<p style="color: green;">Text<p>
h1 {color: green;}
[TH] Tại sao việc sử dụng CSS có lợi hơn việc định dạng HTML trực tiếp?
CSS không cần phải viết mã
CSS giúp tách nội dung và định dạng, giảm công việc và tăng tính đồng nhất
CSS làm cho trang web không cần thiết phải định dạng
CSS không hỗ trợ đa dạng kiểu định dạng
CSS có thể được viết với mã nguồn trong tệp HTML của trang web như thế nào?
độc lập
tách biệt
gắn liền
đồng thời
Mẫu định dạng được dùng để làm gì sau đây?
Định dạng kiểu sử dụng thẻ HTML.
Định dạng nội dung của thẻ HTML.
Định dạng cấu trúc của mã HTML.
Định dạng hình ảnh trên trang web
[TH] Phương án nào sau đây là lợi ích của việc sử dụng tệp CSS ngoài?
Áp dụng định dạng đồng thời nhiều trang web.
Hạn chế việc áp dụng định dạng cho các trang.
Giảm dung lượng lưu trữ của tệp siêu văn bản.
Chỉ áp dụng định dạng cho một thẻ duy nhất.
Đoạn mã nào sau đây chèn tệp CSS ngoài vào trang HTML?
<css rel="stylesheet"herf="styles.css">
<style src="styles.css">style.css</style>
<script rel="stylesheet"herf="styles.css">
<link rel="stylesheet"herf="styles.css">
[TH] Một trong những lợi ích của việc sử dụng tệp CSS ngoài là
chỉ áp dụng định dạng cho một thẻ duy nhất.
dễ dàng cập nhật định dạng sau khi sửa đổi.
hạn chế số tệp tin văn bản cần được sử dụng.
giảm khả năng tái sử dụng các mã định dạng.
[TH] CSS giúp giảm khối lượng công việc bằng cách nào sau đây?
Tách biệt nội dung và định dạng.
Tạo nhiều mẫu định dạng phức tạp.
Tăng số lượng trang web.
Giảm số lượng tệp HTML cần thiết.
Các mẫu định dạng CSS thường được mô tả như thế nào?
Trong một bảng.
Phải viết trên một hàng
Có thể viết trên nhiều hàng
Kết thúc dòng phải có ";"
Cấu trúc tổng quát của CSS?
Bộ chọn {thuộc tính: giá trị;}
Bộ chọn {giá trị: thuộc tính;}
Vùng mô tả {thuộc tính: giá trị;}
Vùng mô tả {thuộc tính: giá trị;}
Vùng mô tả gồm có cấu trúc định dạng?
{thuộc tính: giá trị;}
[thuộc tính: giá trị;]
{giá trị: thuộc tính;}
[giá trị: thuộc tính;]
[TF] [VD] Xác định tính đúng sai của các phát biểu sau:
CSS là viết tắt của "Cascading Style Sheets", là một ngôn ngữ độc lập với HTML để thiết lập các mẫu định dạng cho trang web.
Cấu trúc tổng quát của một mẫu định dạng CSS bao gồm bộ chọn và vùng mô tả, với vùng mô tả chứa ít nhất một quy định
CSS chỉ có thể được thiết lập qua tệp CSS ngoài, không thể được sử dụng nội tuyến trong các
thẻ HTML.
Một tệp CSS có thể được áp dụng cho nhiều trang web, giúp đồng bộ hóa định dạng và tiết
kiệm thời gian chỉnh sửa.
Xác định tính đúng sai của các phát biểu sau:
CSS nội tuyến là cách thiết lập CSS trực tiếp trong thẻ HTML bằng thuộc tính style.
Để kết nối tệp CSS ngoài với tệp HTML, bạn có thể sử dụng thẻ hoặc lệnh @import.
Cấu trúc CSS đơn giản nhất chỉ bao gồm bộ chọn mà không cần vùng mô tả.
CSS trong là cách đưa toàn bộ mẫu định dạng vào bên trong thẻ <style> và đặt trong phần <head> của tệp HTML
CSS có thể chỉ định phông chữ như thế nào?
font-family
font-size
font-weight
font-style
Định dạng nào sau đây được sử dụng để thiết lập màu chữ trong CSS?
color
font-color
text-color
background-color
Trong CSS, thuộc tính line-height dùng để:
Định nghĩa chiều cao của phần tử
Thiết lập khoảng cách giữa các dòng văn bản
Định nghĩa độ rộng của chữ
Thiết lập khoảng cách giữa các ký tự
Để căn lề dòng đầu tiên của đoạn văn bản trong CSS, ta dùng thuộc tính nào?
text-align
margin
text-indent
padding
Tính kế thừa trong CSS có nghĩa là gì?
Một thuộc tính chỉ áp dụng cho một phần tử cụ thể
Một thuộc tính CSS áp dụng cho phần tử cha cũng được áp dụng cho các phần tử con, cháu
CSS chỉ áp dụng cho phần tử cuối cùng trong cây DOM
Không có sự kế thừa trong CSS
Trong CSS, thuộc tính text-align: center; dùng để:
Căn lề trái cho văn bản
Căn lề phải cho văn bản
Căn giữa văn bản
Căn đều hai bên văn bản
Ký hiệu * trong CSS có nghĩa là gì?
Áp dụng cho các phần tử đặc biệt
Áp dụng cho tất cả các phần tử HTML
Chỉ áp dụng cho phần tử cha
Không có ý
Ký hiệu * trong CSS có nghĩa là gì?
Áp dụng cho các phần tử đặc biệt
Áp dụng cho tất cả các phần tử HTML
Chỉ áp dụng cho phần tử cha
Không có ý nghĩa gì trong CSS
Thuộc tính nào có ưu tiên cao nhất trong CSS?
Thừa kế
Di truyền
*
!important
Phần tử nào sau đây không phải là loại phông chữ trong CSS?
Serif
Sans-serif
Monospace
Symbolic
Để thiết lập chiều cao dòng bằng 150% của chiều cao dòng phần tử cha, ta sử dụng:
line-height: 150%;
line-height: 1.5;
line-height: 150px;
line-height: 150%; line-height: 1.5;
[TH] Phát biểu nào là đúng với mẫu định dạng sau?
<style>h1 {color: red; text-align: center;} p{text-align:justify;} </style>
Phần tử p sẽ có chữ màu đỏ và căn đều hai bên.
Phần tử h1 sẽ có nền màu đỏ và thụt lùi đầu dòng.
Phần tử h1 sẽ có chữ màu đỏ và căn giữa văn bản.
Phần tử p sẽ căn giữa văn bản của phần tử con.
Cần đặt tên phông chữ có chứa dấu cách trong cặp dấu nào dưới đây?
Cặp dấu nháy đơn.
Cặp dấu nháy đôi.
Cặp dấu ngoặc tròn.
Cặp dấu ngoặc nhọn.
Mẫu định dạng có kí hiệu nào dưới đây áp dụng định dạng cho phần tử chưa có định dạng?
*
.
`
/
Bộ chọn có tính chất nào dưới đây?
Tính đơn trị.
Tính kế thừa.
Tính đa năng.
Tính đồng nhất.
Thuộc tính nào được sử dụng để thay đổi màu nền của một phần tử trong CSS?
color
background-color
border-color
font-color
Thuộc tính nào dùng để thay đổi kiểu chữ của văn bản trong CSS là gì?
font-style: italic;
font-weight: bold;
text-align: center;
font-family: Arial;
Thuộc tính nào trong CSS dùng để căn lề văn bản?
text-align
vertical-align
justify-content
align-items
Để thiết lập một phần tử có độ rộng 50% chiều rộng của phần tử chứa nó, ta sẽ sử dụng cú pháp nào?
width: 50%;
height: 50%;
max-width: 50%;
min-width: 50%;
Thuộc tính nào trong CSS được sử dụng để gán nhiều giá trị đồng thời?
border-style
border-color
border-width
border
Trong CSS, nếu bạn muốn thay đổi kích thước phông chữ, cú pháp đúng là gì?
font-size: 20px;
text-size: 20px;
size: 20px;
font-weight: 20px;
Thuộc tính nào trong CSS giúp bạn thay đổi chiều cao của dòng văn bản?
height
width
padding
line-height
[TH] Cho mẫu CSS sau: <style>body{color: blue;} h1{color: red; text-align: center;}</style>
Định dạng văn bản thẻ p là màu xanh
Định dạng văn bản thẻ p là màu đỏ
Văn bản trong thẻ p được căn giữa
Văn bản trong thẻ p: căn giữa và màu xanh
Cho mẫu CSS sau:
<style>body{color: blue;} h1{color: red; text-align: center;}</style>
Văn bản trong thẻ p: căn giữa và màu đỏ
Văn bản trong thẻ p: căn giữa và màu xanh
Văn bản trong thẻ h1: căn giữa và màu đỏ
Văn bản trong thẻ h1: căn giữa và màu xanh
[TF] [VD] Đánh dấu Đúng hoặc Sai cho các phát biểu sau:
CSS có thể định dạng phông chữ bằng cách sử dụng thuộc tính font-family.
Phông chữ Monospace trong CSS có chiều rộng các ký tự khác nhau.
Thuộc tính color trong CSS có thể được sử dụng để thiết lập màu nền của phần tử.
CSS cho phép thiết lập độ dày nét chữ bằng thuộc tính font-weight.
] Cho mẫu CSS sau:
<style>body{color: blue;} h1{color: red; text-align: center;}</style>
Văn bản trong thẻ p: căn phải và màu đỏ
Văn bản trong thẻ p: căn trái và màu xanh
Văn bản trong thẻ p: căn trái và màu đỏ
Văn bản trong thẻ p: căn giữa và màu đỏ
Đánh dấu Đúng hoặc Sai cho các phát biểu sau:
CSS có thể định dạng phông chữ bằng cách sử dụng thuộc tính font-family.
Phông chữ Monospace trong CSS có chiều rộng các ký tự khác nhau.
Thuộc tính color trong CSS có thể được sử dụng để thiết lập màu nền của phần tử.
CSS cho phép thiết lập độ dày nét chữ bằng thuộc tính font-weight
[TF] [VD] Đánh dấu Đúng hoặc Sai cho các phát biểu sau:
Trong CSS, thuộc tính line-height dùng để thiết lập khoảng cách giữa các đường cơ sở của các dòng văn bản.
Thuộc tính text-indent được sử dụng để căn giữa văn bản.
Khi nhiều mẫu định dạng CSS áp dụng cho một phần tử HTML, thuộc tính được viết sau cùng sẽ được ưu tiên áp dụng.
Ký hiệu !important trong CSS giúp tăng độ ưu tiên của một thuộc tính, bất kể thứ tự của nó trong tệp CSS.
Hệ màu nào được sử dụng trong CSS để biểu diễn màu sắc bằng ba giá trị số từ 0 đến 255?
CMYK
RGB
HSL
HEX
Thuộc tính CSS nào được sử dụng để định dạng màu chữ?
background-color
color
border
font-color
Trong hệ màu HSL, giá trị nào biểu thị độ bão hòa của màu?
H (Hue)
S (Saturation)
L (Lightness)
A (Alpha)
Thuộc tính CSS nào sau đây không có tính kế thừa?
color
background-color
border
font-size
[TH] Mã màu hexa #ff0000 biểu thị màu gì trong hệ RGB?
Màu xanh lá cây
Màu xanh dương
Màu đỏ
Màu đen
[TH] Bộ chọn CSS nào áp dụng định dạng cho các phần tử <p> là con trực tiếp của <div>?
div p
div > p
div + p
div ~ p
Mã rgb(0, 255, 0) đại diện cho màu nào trong hệ màu RGB?
Màu đỏ
Màu xanh lá cây
Màu xanh dương
Màu vàng
Để làm cho tất cả văn bản trong trang web có màu xám, bạn sử dụng thuộc tính CSS nào?
background-color: gray;
border: gray;
color: gray;
font-color: gray;
Trong CSS, thuộc tính background-color được sử dụng để làm gì?
Định dạng màu viền
Định dạng màu nền
Định dạng màu chữ
Định dạng cỡ chữ
Để áp dụng một màu cụ thể cho tất cả các phần tử HTML trong trang, bạn sử dụng bộ chọn CSS nào?
body
*
html
all
Tổng số màu của hệ RGB là?
xấp xỉ 15 triệu màu.
xấp xỉ 18 triệu màu.
xấp xỉ 24 triệu màu.
xấp xỉ 16 triệu màu.
Số lượng màu có sẵn tên trong CSS3 là
140 màu.
156 màu.
124 màu.
150 màu.
Màu xám trong hệ HSL được viết dưới dạng nào sau đây?
hsl(12, 1%, 15%).
hsl(12, 0%, 16%).
hsl(10, 3%, 17%).
hsl(13, 7%, 11%).
[TH] Quan hệ giữa các phần tử E và F trong bộ chọn "E F" là
con trực tiếp.
con cháu.
anh em.
tổ tiên.
[TH] Quy tắc CSS nào sau đây chọn tất cả các phần tử p bên trong một phần tử div và tô màu chúng thành màu xanh?
p > div {color: blue;}
div p {color: blue;}
p div {color: blue;}
div > p {color: blue;}
[TF][VD] Giải thích nào sau đây là đúng hay sai về bộ chọn p > em {color: red;}?
Chọn tất cả các phần tử p là con trực tiếp của các phần tử em và tô màu chúng thành màu đỏ.
Chọn tất cả các phần tử em bên trong các phần tử p và tô màu chúng thành màu đỏ.
Chọn tất cả các phần tử p bên trong các phần tử em và tô màu chúng thành màu đỏ.
Chọn tất cả các phần tử em là con trực tiếp của các phần tử p và tô màu chúng thành màu đỏ.
[TF][VD] Phát biểu sau đây đúng hay sai về Hệ màu CSS và các thuộc tính màu?
Hệ màu RGB sử dụng ba giá trị từ 0 đến 255 để biểu diễn màu sắc.
Mã màu hexa #rrggbb trong CSS biểu diễn màu sắc bằng hệ thập phân.
Hệ màu HSL trong CSS có ba thành phần: Hue, Saturation, và Lightness.
Thuộc tính background-color được sử dụng để thiết lập màu chữ.
[TF][VD] Đánh dấu đúng hay sai về các bộ chọn CSS và ứng dụng của chúng?
Bộ chọn div p áp dụng định dạng cho tất cả các phần tử <p>
là con trực tiếp của
<div>.
Bộ chọn div > p áp dụng định dạng cho các phần tử <p>
là con trực tiếp của
<div>.
Bộ chọn em + strong áp dụng định dạng cho phần tử <strong> ngay sau phần tử <em>.
Bộ chọn h1 ~ p áp dụng định dạng cho tất cả các phần tử
<p> sau phần tử <h1>
