WorksheetsTrắc Nghiệm Về CSS
Total questions: 61
Worksheet time: 31mins
Các mẫu định dạng CSS được đặt trong cặp thẻ nào của tệp HTML?
<title></title>
<style></style>
<body></body>
<meta></meta>
1 pixel bằng bao nhiêu cm?
2,45/96
2,46/95
2,49/65
2,54/96
Cấu trúc tổng quát của mỗi mẫu định dạng CSS có mấy phần?
2
3
4
5
Phương án nào sau đây không phải là một cách thiết lập CSS?
CSS ngoại tuyến
CSS ngoài
CSS trong
CSS nội tuyến
Vùng mô tả (declaration block) của một mẫu định dạng CSS có dạng như thế nào?
{thuộc tính=giá trị;}
{thuộc tính: giá trị,}
{thuộc tính: giá trị;}
{thuộc tính-giá trị,}
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ị
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?
CSS trong
CSS ngoài
CSS nội tuyến
CSS liên kết
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
Đ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;}
Để 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
?<scrip>
<style>
<link>
<import>
Nếu bạn muốn định dạng tất cả các thẻ h1 h2 h3 cùng một lúc, bạn nên viết CSS thế nào?
h1 h2 h3 {color: red;}
h1, h2, h3 {color: red;}
h1 h2, h3 {color: red;}
h1 h2 h3 {color: red;}
Phát biểu nào sau đây đúng?
CSS là viết tắt của Cascading Sheets Style.
Mỗi mẫu định dạng CSS chỉ dùng được một lần.
CSS được dùng để thiết lập các mẫu định dạng dùng trong trang web.
CSS sử dụng ngôn ngữ mô tả chung với HTML.
Phát biểu nào sau đây sai?
Cấu trúc tổng quát của CSS bao gồm các mẫu định dạng dùng để tạo khuôn cho các phần tử HTML của trang web.
Các mẫu định dạng của CSS có thể được viết trong phần body của trang HTML.
Các mẫu định dạng có thể viết trong tệp CSS ngoài và kết nối vào bất kì trang web nào.
CSS sẽ giúp tách việc nhập nội dung trang web bằng thẻ HTML và việc định dạng thành hai công việc độc lập với nhau.
Mẫu CSS căn lề giữa cho tất cả các thẻ h1 là
h1 {text-index: center;}.
h1 {text-position: center;}.
h1 {text-indent: center;}.
h1 {text-align: center;}
Mẫu CSS gồm hai quy định, chữ màu nâu và cỡ chữ 12 cho tất cả các thẻ p là
p {font-color: brown; font-size: 12px;}.
p {color: brown; text-size: 12px;}.
p {color: brown; font-size: 12px;}.
p {text-color: brown; font-size: 12px;}
Mẫu CSS dùng để định dạng chữ in nghiêng cho tất cả các thẻ q là
q {font-size: italics;}.
q {font-weight: italics;}.
q {font-family: italics;}.
q {font-style: italics;}
Mẫu CSS dùng để định dạng chữ đậm cho đồng thời các thẻ h1, h2, h3 là
h1, h2, h3 {font-style: bold;}.
h1, h2, h3 {font-family: bold;}.
h1, h2, h3 {font-type: bold;}.
h1, h2, h3 {font-weight: bold;}
Mẫu định dạng nào dưới đây là CSS nội tuyến?
<style> p {color: green;} </style>
<link rel="stylesheet" href="styles.css">
<p style="color: green;">Text</p>
h1 {color: green;
Phông chữ dưới đây thuộc loại nào?
Monospace.
Fantasy.
Sans-serif.
Cursive.
Phương án nào sau đây là đơn vị đo tương đối?
pt.
in.
ex.
px.
Kí hiệu nào cho biết một mẫu định dạng cùng với thuộc tính tương ứng sẽ được ưu tiên cao nhất mà không phụ thuộc vào vị trí của mẫu trong CSS?
*
important!
!important
important
CSS không thể định dạng phông chữ nào?
font-family
font-size
font-weight
font-height
Đị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ự
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
Thuộc tính font-weight không nhận giá trị nào sau đây?
bold
800
normal
1000
Phát biểu nào sau đây sai?
Các mẫu định dạng văn bản cơ bản bao gồm các thuộc tính liên quan đến phông chữ, màu chữ và định dạng dòng văn bản.
CSS mặc định coi chiều cao dòng văn bản = 2px.
Thuộc tính text-decoration thay thế và mở rộng cho thẻ u của HTML.
Đường cơ sở là đường ngang mà các chữ cái đứng thẳng trên nó.
p {line-align: justify} nghĩa là gì?
Thiết lập khoảng cách đều nhau giữa các dòng văn bản.
Đưa đoạn văn bản ra giữa trang.
Căn lề đều hai bên cho đoạn văn bản.
Thiết lập tính chất trang trí dòng văn bản.
Phát biểu nào sau đây sai?
Nếu có nhiều mẫu định dạng được viết cho cùng một bộ chọn thì mẫu viết sau cùng sẽ được áp dụng.
Thuộc tính text-decoration không có tính kế thừa.
Nếu một mẫu CSS áp dụng cho một phần tử HTML bất kì thì nó sẽ được tự động áp dụng cho tất cả các phần tử là con, cháu của phần tử đó trong mô hình cây HTML (trừ các trường hợp ngoại lệ, ví dụ các phần tử với mẫu định dạng riêng).
Mức độ ưu tiên của * là cao nhất.
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
Để 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
Để thiết lập kiểu chữ nghiêng của văn bản, em sử dụng thuộc tính CSS nào?
font-size.
font-weight.
font-style.
font-family.
Mẫu CSS thiết lập cho toàn bộ các phần tử p có cỡ chữ bằng 2 lần cỡ chữ của phần tử gốc HTML của tệp HTML là
p {font-size: 2em;}.
p {font-size: 2rem;}.
p {font-size: 2ex;}.
p {font-size: 2cm;}
Mẫu CSS thiết lập chiều cao dòng văn bản bằng 1,5 lần chiều cao dòng hiện thời là
p {line-height: 1.5em;}.
p {line-height: 1.5rem;}.
p {line-height: 1.5;}.
p {line-height: 1.5in;}
Mẫu CSS định dạng dòng đầu tiên của đoạn văn bản thụt vào bằng 3 kí tự là
p {text-align: 3ex;}.
p {text-align: 3em;}.
p {text-indent: 3em;}.
p {text-indent: 3pt;}
Mẫu CSS định dạng kẻ giữa dòng chữ (unnecessary) là
p {text-decoration: line-center;}.
p {text-decoration: overline;}.
p {text-decoration: underline;}.
p {text-decoration: line-through;}
Mẫu CSS định dạng phông chữ Courier cho toàn bộ nội dung trang HTML là
all {font-style: Courier;}.
* {font-family: Courier;}.
body {font-family: Courier;}.
* {font-weight: Courier;}
Phần tử nào sau đây không phải là loại phông chữ trong CSS?
Serif
Sans-serif
Monospace
Symbolic
Khi định dạng bằng CSS, thuộc tính nào giúp thiết lập chữ hoa hoặc chữ thường cho một đoạn văn bản?
letter-form.
text-transform.
word-transform.
text-shadow.
Hệ màu nào sau đây được HTML và CSS hỗ trợ?
RYB.
HSB.
HSL.
CMYK.
Phương án nào sau đây là cách thiết lập màu đen trong hệ màu RGB?
rgb(100%, 100%, 100%)
⋕808080
rgb(255, 255, 255)
rgb(0%, 0%, 0%)
Sơ đồ dưới đây mô tả bộ chọn nào?
E F
E ~ F
E > F
E + F
Để định dạng màu khung viền quanh phần tử, em sử dụng thuộc tính CSS nào?
background-color
bgcolor
color
border
Thuộc tính CSS nào được dùng để thay đổi màu sắc của văn bản (chữ)?
background-color
color
text-color
font-color
Thuộc tính nào dùng để thiết lập màu nền cho một phần tử?
color
bgcolor
background-color
background-image
Giá trị nào sau đây là một tên màu hợp lệ trong CSS?
dark-blue
blue-ocean
navy
very-red
Cách viết nào sau đây đại diện cho hệ màu RGB?
rgb(255, 0, 0)
color: #RGB
rgb: 100%
rgba(0, 0, 0)
Để thiết lập màu nền trong suốt hoàn toàn, bạn sử dụng giá trị nào?
clear
invisible
transparent
none
Cú pháp nào đúng để gán màu chữ cho tất cả các thẻ
?
p { color: blue; }
p : color = blue
all.p { text: blue; }
Khi sử dụng mã màu rgb(100%, 100%, 100%), kết quả hiển thị là:
Màu xám
Màu trắng
Màu đen
Không hiển thị màu
Lệnh background: linear-gradient(to right, red, yellow); sẽ tạo ra:
Nền màu đỏ và vàng trộn lẫn.
Dải màu chuyển từ đỏ sang vàng theo chiều ngang (trái sang phải).
Dải màu chuyển từ đỏ sang vàng theo chiều dọc.
Một hình nền kẻ sọc đỏ vàng.
Ý nghĩa của bộ chọn E + F là gì?
Quan hệ anh em liền kề. Áp dụng cho các phần tử F là phần tử liền kề ngay sau E, E và F phải có cùng phần tử cha.
Quan hệ anh em. Áp dụng cho các phần tử F là phần tử đứng sau, không cần liên tục với E, E và F phải có cùng phần tử cha.
Quan hệ cha con trực tiếp. Áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong c
Bộ chọn nào áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML?
E ~ F.
E + F.
E F.
E > F.
Bạn muốn tạo một tiêu đề
có màu chữ xanh lá cây và nền màu đen. Đoạn code nào đúng?
h1 { color: black; background: green; }
h1 { text: green; bg: black; }
h1 { color: green; background-color: black; }
h1 { font-color: green; background: black; }
Để tạo nền chuyển sắc từ tâm tỏa ra (Radial Gradient) cho một thẻ div, bạn dùng:
background: radial-gradient(circle, red, yellow);
background: linear-gradient(circle, red, yellow);
background-color: radial(red, yellow);
background-image: circle(red, yellow);
Làm thế nào để chữ trong một thẻ div biến mất khi di chuột qua (hover) bằng cách đổi màu?
div:hover { color: transparent; }
div:hover { display: none; }
div:hover { visibility: hidden; }
Tất cả các đáp án trên đều làm chữ biến mất, nhưng dùng màu là đáp án A.
Để viết CSS cho nền của toàn bộ trang web có màu xám nhạt, bạn viết:
html { color: lightgrey; }
body { background-color: #f2f2f2; }
page { background: grey; }
all { background-color: silver; }
Cách thiết lập màu tím trong hệ màu RGB là
⋕800080.
⋕808080.
⋕808000.
⋕808000.
Mẫu CSS áp dụng cho các phần tử có quan hệ cha con trực tiếp là
div p {background-color: lightblue;}
p + em {color: red;}.
p > strong {color: green;}.
strong ~ em {color: gray;}
Thuộc tính nào giúp em tạo hiệu ứng trong suốt cho hình ảnh, phần tử HTML?
background-color.
opacity.
hover.
transparence.
