Luyện tập bài 17

Câu 1
1đ

Một ví dụ về bộ chọn lớp giả (pseudo-class) là

_section
.p-class
:visited
::linked
Câu 2
1đ

Bộ chọn p::first-line được áp dụng trong phạm vi nào sau đây?

Thẻ p đầu tiên.
Chữ cái đầu tiên.
Dòng đầu tiên.
Cụm từ đầu tiên.
Câu 3
1đ

Bộ chọn nào sau đây là bộ chọn lớp giả (pseudo - class)?

:video
:image
:temp
:hover
Câu 4
1đ

Phương án nào sau đây là bộ chọn lớp giả (pseudo class)?

:classic
:visited
::linked
::temp
Câu 5
1đ

Áp dụng bộ chọn a:hover{color: red;} thu được kết quả nào sau đây?

Nội dung thẻ đổi màu chữ sau khi trỏ chuột.
Nội dung thẻ đổi màu nền sau khi trỏ chuột.
Nội dung thẻ đổi màu chữ sau khi nhấn chọn.
Nội dung thẻ đổi màu nền sau khi nhấn chọn.
Câu 6
1đ

Cho đoạn mã sau:

<style>span, h1, p#id{color: red; font-weight: 300;}</style>
<h1 id="id">Tiêu đề H1</h1><p id="id">Nội dung văn bản.</p>
<span id="id">Chú thích</span><div id="id">Khối hình</div>

Phương án nào sau đây nêu đúng tên thẻ KHÔNG được áp dụng bộ chọn trong đoạn mã trên?

span
div
h1
p
Câu 7
1đ

Bộ chọn nào sau đây có sử dụng bộ chọn lớp giả (pseudo-class)?

.p::faked{color: blue; font-size: 45px;}
p:visited{color: blue; font-size: 45px;}
p::linked{color: blue; font-size: 45px;}
p:class{color: blue; font-size: 45px;}
Câu 8
1đ

Bộ chọn p#tmp::first-letter{font-size: 200%} được hiểu là

giảm kích thước chữ cái đầu tiên xuống nửa đối với các thẻ p chứa id = "tmp".
tăng kích thước chữ cái đầu tiên lên gấp đôi đối với các thẻ p chứa id = "tmp".
tăng kích thước chữ cái thứ hai lên gấp đôi đối với các thẻ p chứa id = "tmp".
giảm kích thước chữ cái thứ hai xuống nửa đối với các thẻ p chứa id = "tmp".
Câu 9
1đ

Phương án nào sau đây nêu đúng cú pháp của bộ chọn lớp giả (pseudo-class)?

::<tên lớp giả>
:<tên lớp giả>
~<tên lớp giả>
_<tên lớp giả>
Câu 10
1đ

Cách thiết lập bộ chọn lớp giả (pseudo-class) nào sau đây là đúng?

p::first-letter
p+first-letter
p*first-letter
p~first-letter
Câu 11
1đ

Áp dụng bộ chọn nào sau đây để chữ cái đầu tiên trong đoạn văn có màu đỏ in đậm?

div::first-letter{font-weight: bold; color: red;}
p::first-letter{font-weight: bold; color: red;}
div::selection{font-weight: bold; color: red;}
p::first-word{font-weight: bold; color: red;}
Câu 12
1đ

Áp dụng bộ chọn p:first-letter{color: red; font-size: 35px;} thu được kết quả nào sau đây?

Chữ cái đầu tiên có màu đỏ, cỡ lớn hơn ban đầu.
Đoạn văn đầu tiên có màu đỏ, cỡ chữ không đổi.
Chữ cái đầu tiên có nền màu đỏ, cỡ chữ nhỏ hơn.
Đoạn văn đầu tiên có nền màu đỏ, cỡ chữ giảm.