Trắc nghiệm Tin học 12 – Bài 14. Định dạng văn bản bằng CSS

Gồm các câu hỏi về các nội dung sau:

Định dạng văn bản bằng CSS
Tính kế thừa và các lựa chọn theo thứ tự của CSS

Câu hỏi trắc nghiệm dạng D1 và dạng D2 - Định dạng văn bản bằng CSS

Họ và tên của bạn

Thời gian làm bài: 30 phút

Đáp án chỉ hiển thị sau khi hoàn thành bài làm

Câu hỏi sẽ được hiển thị ngẫu nhiên

Phương án nào sau đây là đơn vị đo tương đối?

Thuộc tính nào sau đây trong CSS dùng để chọn phông chữ cho văn bản?

font-size

font-style

font-family

font-weight

Phông chữ Sans-serif có đặc điểm gì sau đây?

Chữ có chân

Chữ không chân

Chữ chiều rộng đều nhau

Chữ kiểu viết tay

Thuộc tính nào dùng để thiết lập kiểu chữ nghiêng?

font-weight

font-style

font-family

font-size

Thuộc tính nào sau đây điều chỉnh chiều cao dòng văn bản trong CSS?

font-weight

line-height

text-align

font-size

Thuộc tính nào sau đây căn lề cho văn bản trong CSS?

line-height

text-align

font-style

text-decoration

Thuộc tính nào sau đây trong CSS được dùng để trang trí dòng văn bản?

font-weight

line-height

text-decoration

font-style

Thuộc tính font-weight KHÔNG nhận giá trị nào sau đây?

bold

800

normal

1000

Khi nào nên sử dụng thuộc tính font-family với danh sách các phông chữ?

Khi chỉ có một phông chữ duy nhất

Khi muốn cung cấp tùy chọn phông chữ dự phòng nếu phông chính không hiển thị được

Khi chỉ có một kích thước phông chữ

Khi không muốn hiển thị văn bản

Lý do nào sau đây nên thiết lập cỡ chữ theo đơn vị em hoặc % thay vì px?

Để phông chữ luôn giữ nguyên kích thước

Để cỡ chữ có thể thay đổi linh hoạt theo kích thước màn hình

Để không bị ảnh hưởng bởi trình duyệt

Để tăng tốc độ tải trang

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à mẫu nào sau đây?

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à mẫu nào sau đây?

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à mẫu nào sau đây?

p {text-align: 3ex;}

p {text-align: 3em;}

p {text-indent: 3em;}

p {text-indent: 3pt;}

Để tạo văn bản màu xanh dương và căn giữa cho tất cả các thẻ <h2>, bạn sẽ viết mã nào sau đây?

h2 {color: blue; text-align: right;}

h2 {color: blue; text-align: center;}

h2 {color: green; text-align: center;}

h2 {color: blue; text-decoration: center;}

Để thiết lập chiều cao dòng là 1.5 cho tất cả các đoạn văn <p>, bạn sẽ dùng mã nào sau đây?

p {line-height: 1;}

p {height: 1.5;}

p {line-height: 1.5;}

p {text-indent: 1.5;}

Nếu muốn tạo văn bản có đường kẻ dưới cho tất cả các thẻ <a> và màu chữ xanh lá cây, bạn viết mã nào sau đây?

a {text-decoration: underline; color: red;}

a {underline: true; color: green;}

a {text-decoration: underline; color: green;}

a {font-style: underline; color: green;}

text-decoration là thuộc tính giúp trang trí văn bản bằng các đường kẻ như underline, overline, hoặc line-through, thay thế cho các thẻ HTML cũ như <u>. Hãy xác định tính đúng hay sai cho các nhận định sau:

Text-decoration giúp trang trí văn bản bằng các đường kẻ.

Đúng Sai

Text-decoration có thể tạo đường kẻ dưới, trên, hoặc ngang chữ.

Đúng Sai

Text-decoration chỉ có giá trị underline.

Đúng Sai

Thuộc tính text-decoration thay thế cho thẻ <u> trong HTML.

Đúng Sai

CSS cung cấp nhiều thuộc tính định dạng giúp tăng cường khả năng hiển thị và phong cách cho văn bản, từ việc thay đổi độ đậm, tạo hiệu ứng gạch chân, đến tùy chỉnh khoảng cách dòng và hiệu ứng bóng đổ. Những thuộc tính này giúp trang web trở nên sinh động và dễ đọc hơn.

Thuộc tính font-weight: bold sẽ làm cho tất cả các chữ cái trong một từ trở nên đậm.

Đúng Sai

NB Thuộc tính text-decoration: underline sẽ gạch chân tất cả các chữ cái trong một từ.

Đúng Sai

Để tạo khoảng cách giữa các dòng văn bản, bạn sử dụng thuộc tính height.

Đúng Sai

CSS không thể sử dụng để tạo các hiệu ứng bóng đổ cho văn bản.

Đúng Sai

Giả sử có mẫu định dạng CSS sau:
<html> <head> <style> * { color: blue; } h1 { color: red !important; text-align: center; } h2 { color: green; } </style> </head> <body> <h1>Tình kế thửa của CSS</h1> <h2>Mô hình cách HTML</h2> <p>Đây là đoạn văn tiên ...</p> </body> </html>
Bạn B đưa ra các định ý kiến sau đây ĐÚNG hay SAI

dấu “ * ” trong đoạn CSS áp dụng cho mọi phần tử, có mức ưu tiên thấp nhất

Đúng Sai

chữ “ !important ” trong đoạn CSS có được ưu tiên thấp nhất

Đúng Sai

Kết quả dòng chữ “Đây là đoạn đầu tiên…” có chữ màu xanh dương

Đúng Sai

Kết quả dòng chữ “Tính kế thừa của CSS” có chữ màu xanh lá, và căn giữa

Đúng Sai

Bảng xếp hạng

Hạng	Họ tên	Điểm số	Thời gian
1	Minh 7 lần thi	100/100	1 phút 39 giây
2	Thúy Quyên 5 lần thi	100/100	1 phút 41 giây
3	Thư 4 lần thi	99/100	1 phút 53 giây
4	Ly 15 lần thi	99/100	1 phút 59 giây
5	Trần Ngọc Hào 3 lần thi	95/100	1 phút 18 giây
6	Hiền 1 lần thi	95/100	1 phút 54 giây
7	L 3 lần thi	95/100	2 phút 4 giây
8	Trợ lí Viruss 1 lần thi	95/100	2 phút 4 giây
9	Hi 1 lần thi	95/100	2 phút 40 giây
10	. 1 lần thi	95/100	2 phút 46 giây
11	He 2 lần thi	95/100	3 phút 30 giây
12	Pt 1 lần thi	95/100	11 phút 21 giây
13	🙂 4 lần thi	92/100	2 phút 53 giây
14	🤣 1 lần thi	89/100	2 phút 57 giây
15	vvvv 1 lần thi	89/100	3 phút 15 giây
16	Linda 2 lần thi	89/100	4 phút 29 giây
17	Mỹ tiên 1 lần thi	89/100	5 phút 14 giây
18	Mytien 1 lần thi	89/100	67 phút 55 giây
19	… 3 lần thi	88/100	4 phút 10 giây
20	1 1 lần thi	84/100	3 phút 9 giây
21	dsa 1 lần thi	83/100	2 phút 48 giây
22	ly 15 lần thi	76/100	2 phút 29 giây
23	Skiwk 1 lần thi	34/100	1 phút 13 giây
24	phước thiện and diệp như 1 lần thi	34/100	1 phút 55 giây