Đề Trắc nghiệm Tin học 12 - Bài 14: Định dạng văn bản bằng CSS (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 14: Định dạng văn bản bằng CSS (Kết Nối Tri Thức) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Kết Nối Tri Thức. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 02

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 1: Bạn muốn thiết lập phông chữ chính cho toàn bộ trang web là 'Arial', và nếu 'Arial' không có sẵn thì sử dụng phông 'sans-serif' chung. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu này?

body { font-family: Arial; sans-serif; }

body { font: Arial, sans-serif; }

body { font-family: Arial, sans-serif; }

body { font-type: Arial, sans-serif; }

Câu hỏi kiểm tra cách sử dụng thuộc tính `font-family` với danh sách phông chữ dự phòng. Phông chữ ưu tiên được liệt kê trước, cách nhau bởi dấu phẩy. Phông chữ chung (generic family) như `sans-serif` thường được đặt cuối cùng làm phương án dự phòng cuối.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 2: Thuộc tính CSS nào được sử dụng để thiết lập khoảng cách giữa các dòng văn bản trong một đoạn?

text-spacing

line-height

row-spacing

paragraph-spacing

Câu hỏi kiểm tra kiến thức về thuộc tính điều chỉnh khoảng cách dòng. `line-height` là thuộc tính chuyên dùng cho mục đích này.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 3: Để làm cho văn bản trong một phần tử HTML trở nên in đậm, bạn sử dụng thuộc tính nào?

text-bold

font-style

text-weight

font-weight

Câu hỏi kiểm tra thuộc tính thiết lập độ đậm nhạt của chữ. `font-weight` với giá trị như `bold` hoặc số (ví dụ: 700) được dùng để làm chữ in đậm.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 4: Bạn có một đoạn văn bản `

Đây là một đoạn văn bản.

`. Bạn áp dụng CSS sau: `p { font-size: 16px; color: blue; }`. Nếu không có quy tắc CSS nào khác ảnh hưởng đến đoạn này, màu chữ của đoạn văn bản sẽ là gì?

Xanh dương (blue)

Đen (mặc định)

Không màu

Màu của phần tử cha (nếu có)

Câu hỏi kiểm tra việc áp dụng trực tiếp quy tắc CSS cho phần tử. Thuộc tính `color: blue;` được áp dụng trực tiếp cho thẻ `

`, do đó màu chữ sẽ là xanh dương.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 5: Thuộc tính `text-align: center;` có tác dụng gì đối với văn bản trong một phần tử?

Căn lề trái

Căn lề phải

Căn giữa

Căn đều hai bên (justify)

Câu hỏi kiểm tra chức năng của thuộc tính `text-align`. Giá trị `center` dùng để căn giữa văn bản trong phần tử chứa nó.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 6: Trong CSS, thuộc tính nào được sử dụng để thụt lề dòng đầu tiên của một đoạn văn bản?

text-indent

margin-left

padding-left

first-line-indent

Câu hỏi kiểm tra thuộc tính chuyên dùng để thụt lề dòng đầu tiên. `text-indent` là thuộc tính thực hiện chức năng này.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 7: Bạn muốn tất cả các tiêu đề cấp 2 (`

`) trên trang web của mình có màu chữ là màu đỏ. Đoạn mã CSS nào là đúng?

<h2 style='color: red;'>

h2 { color: red; }

.h2 { color: red; }

#h2 { color: red; }

Câu hỏi kiểm tra cách sử dụng bộ chọn phần tử (`element selector`) và thuộc tính `color`. Để chọn tất cả thẻ `

` và đặt màu chữ, cú pháp đúng là `h2 { color: red; }`.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 8: Khi một thuộc tính CSS được áp dụng cho phần tử cha, và phần tử con không có quy tắc CSS riêng cho thuộc tính đó, phần tử con sẽ 'thừa hưởng' giá trị của thuộc tính đó từ cha. Khái niệm này trong CSS được gọi là gì?

Specificity

Cascading

Selector Priority

Inheritance

Câu hỏi kiểm tra khái niệm cơ bản về cách CSS áp dụng các thuộc tính xuống các phần tử con. Đây chính là tính kế thừa (Inheritance).

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 9: Thuộc tính `font-style: italic;` được sử dụng để làm gì?

Gạch chân văn bản

Làm chữ in nghiêng

Làm chữ in đậm

Gạch ngang văn bản

Câu hỏi kiểm tra chức năng của thuộc tính `font-style`. Giá trị `italic` dùng để làm chữ in nghiêng.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 10: Bạn có đoạn HTML sau: `

Đoạn này có màu gì?

`. Nếu không có quy tắc CSS nào khác ảnh hưởng đến thẻ `

`, màu chữ của đoạn văn bản sẽ là gì?

Đen (mặc định)

Không màu

Xanh dương

Xanh lá cây (green)

Câu hỏi kiểm tra tính kế thừa của thuộc tính `color`. Thuộc tính `color` được áp dụng cho thẻ `

` (phần tử cha) và được kế thừa xuống thẻ `

` (phần tử con), do đó màu chữ sẽ là xanh lá cây.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 11: Bạn muốn đặt cỡ chữ cho một đoạn văn bản là 1.2 lần cỡ chữ mặc định của phần tử cha. Giá trị nào cho thuộc tính `font-size` là phù hợp nhất để đạt được điều này và vẫn duy trì tính linh hoạt theo ngữ cảnh?

font-size: 120px;

font-size: large;

font-size: 1.2em;

font-size: 120%;

Câu hỏi kiểm tra cách sử dụng các đơn vị đo lường trong CSS, đặc biệt là đơn vị tương đối. Đơn vị `em` hoặc giá trị không đơn vị (multiplier) như `1.2` là cách tốt để thiết lập kích thước tương đối so với phần tử cha hoặc cỡ chữ gốc.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 12: Thuộc tính `text-decoration: underline;` dùng để làm gì?

Gạch chân văn bản

Gạch ngang văn bản

Làm chữ in đậm

Làm chữ in nghiêng

Câu hỏi kiểm tra chức năng của thuộc tính `text-decoration`. Giá trị `underline` dùng để gạch chân văn bản.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 13: Bạn có một đoạn văn bản dài và muốn căn đều cả hai lề (trái và phải) để tạo bố cục gọn gàng hơn. Thuộc tính `text-align` với giá trị nào sẽ thực hiện điều này?

left

right

center

justify

Câu hỏi kiểm tra các giá trị của thuộc tính `text-align`. Giá trị `justify` dùng để căn đều hai lề.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 14: Loại phông chữ nào trong CSS có đặc điểm là các ký tự có chiều rộng đều nhau, thường được sử dụng cho mã nguồn hoặc dữ liệu dạng bảng?

Serif

Sans-serif

Cursive

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung trong CSS. Phông chữ `monospace` có chiều rộng ký tự cố định, phù hợp cho việc hiển thị mã hoặc dữ liệu cấu trúc.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 15: Bạn áp dụng hai quy tắc CSS sau cho cùng một đoạn văn bản `

`:
```css
p { color: red; }
p { color: blue; }```
Nếu không có yếu tố ưu tiên nào khác (ví dụ: !important, specificity), màu chữ cuối cùng của đoạn văn bản sẽ là gì?

Xanh dương (blue)

Đỏ (red)

Màu ngẫu nhiên giữa đỏ và xanh dương

Màu mặc định của trình duyệt

Câu hỏi kiểm tra nguyên tắc 'cascading' (thứ tự xếp tầng) trong CSS khi có nhiều quy tắc cùng áp dụng cho một phần tử. Quy tắc được viết sau cùng (trong cùng một mức ưu tiên) sẽ ghi đè lên quy tắc viết trước. Trong trường hợp này, `color: blue;` viết sau `color: red;` nên màu chữ sẽ là xanh dương.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 16: Để đặt màu nền cho một đoạn văn bản, bạn sử dụng thuộc tính nào?

color

text-color

background-color

fill-color

Câu hỏi kiểm tra thuộc tính thiết lập màu nền. `background-color` được sử dụng để đặt màu nền cho một phần tử.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 17: Bạn có đoạn HTML: `

Giới thiệu.

`. Bạn muốn đoạn này có cỡ chữ lớn hơn bình thường. Quy tắc CSS nào sử dụng bộ chọn lớp (class selector) để thực hiện điều này?

#intro { font-size: large; }

.intro { font-size: large; }

p.intro { font-size: large; }

class='intro' { font-size: large; }

Câu hỏi kiểm tra cách sử dụng bộ chọn lớp. Bộ chọn lớp bắt đầu bằng dấu chấm (`.`) theo sau là tên lớp. Thuộc tính `font-size` dùng để điều chỉnh cỡ chữ.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 18: Thuộc tính `line-height` với giá trị là một số không có đơn vị (ví dụ: `line-height: 1.5;`) có ý nghĩa gì?

Chiều cao dòng bằng 1.5 lần cỡ chữ của chính phần tử đó.

Chiều cao dòng cố định là 1.5 pixel.

Chiều cao dòng bằng 1.5 lần chiều cao dòng mặc định.

Chiều cao dòng bằng 1.5 lần cỡ chữ của phần tử cha.

Câu hỏi kiểm tra cách hiểu giá trị không đơn vị của `line-height`. Giá trị này là một hệ số nhân với cỡ chữ của chính phần tử đó để tính ra chiều cao dòng cuối cùng. Đây là cách tốt nhất để đảm bảo tính kế thừa linh hoạt.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 19: Bạn muốn chuyển đổi tất cả các chữ cái trong một đoạn văn bản thành chữ in hoa (uppercase). Thuộc tính nào sau đây thực hiện chức năng đó?

font-variant: uppercase;

text-transform: uppercase;

font-style: uppercase;

text-decoration: uppercase;

Câu hỏi kiểm tra thuộc tính điều chỉnh cách viết hoa/thường của chữ. `text-transform` với giá trị `uppercase` sẽ chuyển đổi tất cả thành chữ in hoa.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 20: Xét đoạn CSS sau:
```css
p { color: blue; font-size: 14px; }
.highlight { color: red; }
#main-text { font-size: 18px; }```
Và đoạn HTML: `

Đoạn văn bản này.

`. Màu chữ và cỡ chữ của đoạn văn bản này sẽ là gì? (Xem xét độ ưu tiên của các bộ chọn)

Màu xanh dương, Cỡ chữ 14px

Màu đỏ, Cỡ chữ 14px

Màu xanh dương, Cỡ chữ 18px

Màu đỏ, Cỡ chữ 18px

Câu hỏi kiểm tra hiểu biết về độ ưu tiên của bộ chọn. Bộ chọn ID (#) có độ ưu tiên cao nhất, tiếp theo là bộ chọn lớp (.), và cuối cùng là bộ chọn phần tử (element).
- Màu: `p` đặt blue, `.highlight` đặt red. `.highlight` có độ ưu tiên cao hơn `p`, nên màu là red.
- Cỡ chữ: `p` đặt 14px, `#main-text` đặt 18px. `#main-text` có độ ưu tiên cao nhất, nên cỡ chữ là 18px.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 21: Bạn muốn thêm một khoảng trống nhỏ giữa các ký tự trong một tiêu đề. Thuộc tính nào sau đây giúp bạn làm điều đó?

word-spacing

line-height

letter-spacing

text-indent

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách giữa các ký tự. `letter-spacing` được sử dụng cho mục đích này.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 22: Điều gì xảy ra khi bạn sử dụng `!important` sau giá trị của một thuộc tính CSS?

Thuộc tính đó sẽ bị bỏ qua.

Thuộc tính đó sẽ có độ ưu tiên cao nhất và ghi đè hầu hết các quy tắc khác.

Thuộc tính đó chỉ áp dụng cho phần tử con.

Thuộc tính đó chỉ áp dụng khi không có quy tắc nào khác được định nghĩa.

Câu hỏi kiểm tra chức năng của cờ `!important`. Nó làm tăng độ ưu tiên của quy tắc đó lên mức cao nhất, ghi đè hầu hết các quy tắc khác (trừ các `!important` khác có độ ưu tiên bộ chọn cao hơn hoặc quy tắc inline style).

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 23: Bạn có một đoạn văn bản và muốn làm cho nó trông giống chữ viết tay. Loại phông chữ chung (generic font family) nào trong CSS thường được sử dụng để gợi ý phông chữ kiểu viết tay?

Serif

Sans-serif

Monospace

Cursive

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ `cursive` được thiết kế để mô phỏng chữ viết tay.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 24: Cho đoạn CSS sau:
```css
div { font-size: 16px; }
p { font-size: 1.5em; }```
Và đoạn HTML: `

Đoạn này có cỡ chữ bao nhiêu?

`. Cỡ chữ của đoạn văn bản trong thẻ `

` sẽ là bao nhiêu pixel?

16px

1.5px

24px

150% của cỡ chữ mặc định trình duyệt

Câu hỏi kiểm tra cách tính toán kích thước khi sử dụng đơn vị `em` và tính kế thừa. Thẻ `

` có `font-size: 16px;`. Thẻ `

` là con của `

` và có `font-size: 1.5em`. Đơn vị `em` ở đây được tính dựa trên cỡ chữ của phần tử cha gần nhất, tức là `

`. Do đó, cỡ chữ của `

` sẽ là 1.5 * 16px = 24px.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 25: Thuộc tính nào sau đây không phải là thuộc tính dùng để định dạng phông chữ (font properties) trong CSS?

font-family

font-size

font-weight

text-indent

Câu hỏi kiểm tra việc phân biệt các thuộc tính của phông chữ với các thuộc tính văn bản khác. `font-family`, `font-size`, `font-weight` là các thuộc tính phông chữ. `text-indent` là thuộc tính định dạng văn bản (thụt lề).

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 26: Bạn muốn thêm một khoảng trống giữa các từ trong một câu. Thuộc tính nào sau đây giúp bạn làm điều đó?

word-spacing

letter-spacing

line-height

text-spacing

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách giữa các từ. `word-spacing` được sử dụng cho mục đích này.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 27: Xét đoạn CSS:
```css
p { color: green !important; }
p { color: orange; }```
Màu chữ cuối cùng của đoạn văn bản `

` sẽ là gì?

Màu cam (orange)

Màu xanh lá cây (green)

Màu ngẫu nhiên giữa cam và xanh lá cây

Màu mặc định của trình duyệt

Câu hỏi kiểm tra độ ưu tiên của `!important`. Quy tắc có `!important` luôn có độ ưu tiên cao hơn các quy tắc thông thường, bất kể thứ tự viết. Do đó, màu xanh lá cây (`green`) sẽ được áp dụng.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 28: Bạn muốn gạch bỏ (gạch ngang) văn bản. Thuộc tính nào sau đây được sử dụng?

text-style: line-through;

font-decoration: line-through;

text-decoration: line-through;

text-transform: line-through;

Câu hỏi kiểm tra các giá trị của thuộc tính `text-decoration`. Giá trị `line-through` dùng để gạch ngang văn bản.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 29: Bạn có một đoạn văn bản trong thẻ `

` và muốn căn lề phải cho nó. Quy tắc CSS nào là đúng?

div { text-align: right; }

div { align: right; }

div { text-indent: right; }

div { margin-right: auto; }

Câu hỏi kiểm tra cách áp dụng `text-align` cho một phần tử chứa văn bản. Cần chọn phần tử `div` và đặt `text-align: right;`.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 02

Câu 30: Loại phông chữ nào trong CSS thường có 'chân' hoặc nét nhỏ ở cuối mỗi ký tự, thường được sử dụng cho các khối văn bản dài trong sách hoặc báo?

Serif

Sans-serif

Monospace

Fantasy
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ `serif` có 'chân' và được coi là dễ đọc hơn cho các khối văn bản dài.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 03

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 1: Bạn muốn tất cả các đoạn văn bản (

) trên trang web của mình có màu xanh dương và kích thước chữ 16px. Đoạn mã CSS nào sau đây thực hiện được yêu cầu này?

p { text-color: blue; text-size: 16px; }

.p { color: blue; font-size: 16px; }

p { color: blue; font-size: 16px; }

#p { color: blue; font-size: 16px; }

Câu hỏi yêu cầu áp dụng kiến thức về bộ chọn thẻ (tag selector) và các thuộc tính cơ bản color, font-size để định dạng cho tất cả các thẻ

. Phương án đúng sử dụng bộ chọn 'p' và khai báo đúng cú pháp các thuộc tính.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 2: Cho đoạn mã HTML và CSS sau:

HTML:

Đoạn văn bản 1.

Đoạn văn bản 2.

CSS:
.container {
color: green;
}
.special {
color: red;
}

Đoạn văn bản "Đoạn văn bản 1." sẽ có màu gì?

Màu xanh lá cây (green)

Màu đỏ (red)

Màu mặc định (thường là đen)

Không có màu nào được áp dụng

Câu hỏi kiểm tra khả năng phân tích sự kết hợp giữa kế thừa và bộ chọn. Đoạn văn bản 1 nằm trong div.container nên kế thừa màu green. Nó không có class 'special' nên không bị ảnh hưởng bởi quy tắc .special.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 3: Thuộc tính CSS nào được sử dụng để thiết lập khoảng cách giữa các dòng trong một đoạn văn bản?

text-spacing

line-height

paragraph-spacing

vertical-align

Câu hỏi kiểm tra kiến thức về thuộc tính line-height. Đây là thuộc tính chuyên dùng để điều chỉnh khoảng cách giữa các đường cơ sở của các dòng văn bản.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 4: Bạn muốn dòng đầu tiên của mỗi đoạn văn bản (

) được thụt vào 1.5cm. Thuộc tính CSS nào và giá trị nào sau đây là phù hợp nhất?

margin-left: 1.5cm;

padding-left: 1.5cm;

first-line-indent: 1.5cm;

text-indent: 1.5cm;

Câu hỏi yêu cầu áp dụng thuộc tính text-indent để thụt lề dòng đầu tiên và sử dụng đơn vị đo phù hợp (cm).

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 5: Cho quy tắc CSS: `h1 { font-family: Arial, sans-serif; }`. Quy tắc này có ý nghĩa gì?

Áp dụng phông Arial cho thẻ h1. Nếu không có Arial, sử dụng một phông sans-serif bất kỳ.

Áp dụng cả phông Arial và phông sans-serif cùng lúc cho thẻ h1.

Chỉ áp dụng phông sans-serif cho thẻ h1, bỏ qua Arial.

Báo lỗi cú pháp vì không thể liệt kê nhiều phông chữ.

Câu hỏi kiểm tra khả năng phân tích giá trị của thuộc tính font-family khi có nhiều phông chữ được liệt kê. Trình duyệt sẽ thử áp dụng Arial trước, nếu không có sẽ dùng phông sans-serif mặc định của hệ thống.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 6: Thuộc tính `text-align: justify;` được sử dụng để làm gì?

Căn văn bản sang lề trái.

Căn văn bản sang lề phải.

Căn văn bản vào giữa.

Căn đều văn bản sang cả hai lề trái và phải.

Câu hỏi kiểm tra kiến thức về các giá trị của thuộc tính text-align. Giá trị 'justify' dùng để căn đều hai lề trái và phải cho đoạn văn bản.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 7: Trong CSS, điều gì xảy ra khi một thuộc tính được khai báo với `!important`?

Thuộc tính đó sẽ bị bỏ qua bởi trình duyệt.

Thuộc tính đó có mức ưu tiên cao nhất và sẽ được áp dụng, bất kể các quy tắc khác.

Thuộc tính đó chỉ áp dụng cho các trình duyệt cũ.

Thuộc tính đó chỉ áp dụng khi trang web được xem trên thiết bị di động.

Câu hỏi kiểm tra hiểu biết về mức độ ưu tiên cao nhất của quy tắc !important trong CSS, vượt qua cả tính đặc hiệu (specificity) và thứ tự khai báo thông thường.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 8: Bạn có một đoạn văn bản và muốn nó hiển thị chữ in hoa hoàn toàn. Thuộc tính CSS nào sau đây bạn sẽ sử dụng?

text-transform: uppercase;

font-variant: small-caps;

text-decoration: none;

font-style: normal;

Câu hỏi yêu cầu áp dụng thuộc tính text-transform để thay đổi cách hiển thị chữ (không thay đổi nội dung gốc). Giá trị 'uppercase' dùng để chuyển tất cả thành chữ hoa.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 9: Cho đoạn mã CSS sau:

`h2 { font-weight: bold; }`
`h2 { font-weight: normal; }`

Khi áp dụng cho một thẻ `

`, thuộc tính `font-weight` nào sẽ có hiệu lực?

`bold`

`normal`

Cả hai cùng có hiệu lực, tạo ra hiệu ứng đặc biệt.

Không có thuộc tính nào có hiệu lực vì có sự xung đột.

Câu hỏi kiểm tra nguyên tắc 'cascading' (thứ tự) trong CSS khi có hai quy tắc có cùng độ đặc hiệu áp dụng cho cùng một phần tử. Quy tắc được khai báo sau cùng sẽ ghi đè lên quy tắc trước đó.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 10: Phông chữ thuộc loại `Monospace` có đặc điểm gì khác biệt so với `Serif` hoặc `Sans-serif`?

Có chân ở cuối nét chữ.

Không có chân ở cuối nét chữ.

Mọi ký tự đều có cùng chiều rộng.

Thiết kế phá cách, không theo quy tắc truyền thống.

Câu hỏi kiểm tra khả năng phân biệt các loại phông chữ dựa trên đặc điểm hình thức. Phông Monospace có chiều rộng của mọi ký tự là như nhau, thường dùng cho code.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 11: Bạn có một liên kết () và muốn loại bỏ gạch chân mặc định của nó. Thuộc tính CSS nào và giá trị nào bạn sẽ sử dụng?

text-decoration: none;

underline: false;

text-style: normal;

border-bottom: none;

Câu hỏi yêu cầu áp dụng thuộc tính text-decoration để điều chỉnh các đường kẻ (gạch chân, gạch ngang, gạch trên). Giá trị 'none' loại bỏ tất cả các đường kẻ.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 12: Để thiết lập độ dày nét chữ cho một phần tử HTML, ví dụ làm cho chữ in đậm, bạn sử dụng thuộc tính CSS nào?

font-style

text-emphasis

font-weight

text-bold

Câu hỏi kiểm tra kiến thức về thuộc tính font-weight, được sử dụng để điều chỉnh độ đậm nhạt của chữ.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 13: Cho đoạn mã CSS sau:

`p { line-height: 1.5; }`

Giá trị `1.5` trong thuộc tính `line-height` có ý nghĩa gì?

Khoảng cách giữa các dòng là 1.5 pixel.

Khoảng cách giữa các dòng bằng 1.5 lần kích thước phông chữ của phần tử.

Khoảng cách giữa các dòng là 1.5 em.

Khoảng cách giữa các dòng bằng 1.5% chiều cao của phần tử.

Câu hỏi kiểm tra hiểu biết về cách sử dụng giá trị không đơn vị cho line-height. Giá trị này là một hệ số nhân với font-size hiện tại của phần tử.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 14: Bạn muốn áp dụng một kiểu định dạng (ví dụ: màu chữ đỏ) cho *tất cả* các phần tử HTML trên trang. Bộ chọn (selector) nào sau đây là phù hợp nhất?

*

all

html

body

Câu hỏi kiểm tra kiến thức về bộ chọn toàn cục (universal selector) `*`, được sử dụng để chọn tất cả các phần tử HTML.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 15: Khái niệm 'tính kế thừa' (Inheritance) trong CSS có nghĩa là gì?

Các thuộc tính CSS chỉ áp dụng cho phần tử được chọn trực tiếp.

Các phần tử con luôn có các thuộc tính khác với phần tử cha.

Một số thuộc tính CSS được áp dụng cho phần tử cha sẽ tự động áp dụng cho các phần tử con của nó.

Thứ tự các quy tắc CSS được khai báo quyết định thứ tự áp dụng.

Câu hỏi kiểm tra hiểu biết về cơ chế kế thừa trong CSS, nơi các thuộc tính nhất định của phần tử cha được truyền xuống các phần tử con.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 16: Cho đoạn mã HTML và CSS sau:

HTML:

Đây là văn bản quan trọng.

CSS:
p {
color: blue;
}
strong {
color: red;
}

Văn bản "văn bản quan trọng" (nằm trong thẻ ) sẽ có màu gì?

Màu xanh dương (blue)

Màu đỏ (red)

Màu đen mặc định

Không có màu nào được áp dụng do xung đột

Câu hỏi kiểm tra khả năng phân tích sự kết hợp giữa kế thừa và độ đặc hiệu của bộ chọn. Thẻ

có màu blue, và thẻ kế thừa màu này. Tuy nhiên, thẻ cũng bị ảnh hưởng trực tiếp bởi quy tắc `strong { color: red; }`. Bộ chọn 'strong' có độ đặc hiệu cao hơn (hoặc ít nhất là ngang bằng và được khai báo sau nếu chỉ xét bộ chọn thẻ) so với sự kế thừa từ 'p', nên màu đỏ sẽ được áp dụng.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 17: Bạn muốn tất cả các tiêu đề cấp 3 (

) có phông chữ 'Verdana' hoặc 'Geneva', và nếu không có cả hai thì dùng phông sans-serif. Cú pháp CSS nào sau đây là đúng?

h3 { font-family: sans-serif, Verdana, Geneva; }

h3 { font-family: Verdana; font-family: Geneva; font-family: sans-serif; }

h3 { font-family: Verdana, Geneva, sans-serif; }

h3 { font-family: 'Verdana' 'Geneva' 'sans-serif'; }

Câu hỏi yêu cầu áp dụng thuộc tính font-family với danh sách các phông chữ ưu tiên và phông dự phòng chung (generic family). Thứ tự trong danh sách rất quan trọng.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 18: Thuộc tính `letter-spacing` trong CSS dùng để làm gì?

Thiết lập khoảng cách giữa các ký tự.

Thiết lập khoảng cách giữa các từ.

Thiết lập khoảng cách giữa các dòng.

Thiết lập khoảng cách giữa các đoạn văn bản.

Câu hỏi kiểm tra kiến thức về các thuộc tính định dạng văn bản chi tiết. letter-spacing điều chỉnh khoảng cách giữa các ký tự riêng lẻ.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 19: Bạn có một đoạn văn bản và muốn nó hiển thị chữ nghiêng. Thuộc tính CSS nào sau đây là đúng?

text-style: italic;

font-style: italic;

text-decoration: italic;

font-weight: italic;

Câu hỏi yêu cầu áp dụng thuộc tính font-style để điều chỉnh kiểu chữ (thường, nghiêng, xiên). Giá trị 'italic' dùng cho chữ nghiêng.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 20: Cho đoạn mã HTML và CSS sau:

HTML:

Chào mừng bạn!

CSS:
div p {
color: orange;
}
#header p {
color: purple;
}

Văn bản "Chào mừng bạn!" sẽ có màu gì?

Màu cam (orange)

Màu đen mặc định

Không có màu nào được áp dụng do xung đột.

Màu tím (purple)

Câu hỏi kiểm tra khả năng phân tích độ đặc hiệu của bộ chọn. Bộ chọn `#header p` (ID + element) có độ đặc hiệu cao hơn bộ chọn `div p` (element + element), do đó quy tắc thứ hai sẽ được ưu tiên áp dụng.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 21: Bạn muốn một tiêu đề (

) được căn giữa trang. Cú pháp CSS nào sau đây là đúng?

h1 { text-align: center; }

h1 { align: center; }

h1 { center-text: true; }

h1 { vertical-align: middle; }

Câu hỏi yêu cầu áp dụng thuộc tính text-align để căn lề văn bản. Giá trị 'center' dùng để căn giữa.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 22: Giả sử bạn có một phần tử `

` và muốn tất cả văn bản bên trong nó có kích thước phông chữ lớn hơn 20% so với kích thước phông chữ mặc định của trình duyệt. Giá trị nào sau đây của thuộc tính `font-size` là phù hợp?

font-size: +20%;

font-size: 20px;

font-size: 120%;

font-size: 1.2em;

Câu hỏi yêu cầu áp dụng thuộc tính font-size sử dụng đơn vị tương đối (relative unit). Đơn vị '%' tính toán kích thước dựa trên kích thước phông chữ của phần tử cha. 120% nghĩa là lớn hơn 20% so với kích thước gốc.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 23: Bạn muốn tạo một hiệu ứng gạch ngang chữ (như khi đánh dấu văn bản đã xóa). Thuộc tính CSS nào bạn sẽ sử dụng với giá trị tương ứng?

text-style: line-through;

font-decoration: line-through;

text-line: through;

text-decoration: line-through;

Câu hỏi yêu cầu áp dụng thuộc tính text-decoration để thêm các đường kẻ vào văn bản. Giá trị 'line-through' tạo hiệu ứng gạch ngang.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 24: Cho đoạn mã CSS:

`.title { color: blue; }`
`#main-title { color: red; }`

Nếu một phần tử có cả `class="title"` và `id="main-title"`, văn bản trong phần tử đó sẽ có màu gì? (Giả sử không có `!important`)

Màu xanh dương (blue)

Màu đỏ (red)

Màu đen mặc định

Màu tím (hỗn hợp của xanh và đỏ)

Câu hỏi kiểm tra khả năng phân tích độ đặc hiệu của bộ chọn ID so với bộ chọn class. Bộ chọn ID (#) có độ đặc hiệu cao hơn bộ chọn class (.), do đó quy tắc với bộ chọn ID sẽ được ưu tiên.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 25: Bạn muốn tất cả các từ trong một đoạn văn bản (

) cách nhau xa hơn bình thường 5px. Thuộc tính CSS nào sau đây là phù hợp?

letter-spacing: 5px;

text-spacing: 5px;

word-spacing: 5px;

line-spacing: 5px;

Câu hỏi yêu cầu áp dụng thuộc tính word-spacing để điều chỉnh khoảng cách giữa các từ. Giá trị có thể là độ dài (px, em, rem, ...).

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 26: Phông chữ thuộc loại `Serif` thường có đặc điểm gì?

Có các nét gạch (chân) ở cuối các nét chữ.

Mọi ký tự đều có cùng chiều rộng.

Không có các nét gạch (chân) ở cuối các nét chữ.

Thiết kế mô phỏng chữ viết tay.

Câu hỏi kiểm tra kiến thức về đặc điểm của loại phông chữ Serif. Đặc trưng của Serif là có các 'chân' hoặc nét gạch nhỏ ở cuối các nét chính của ký tự.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 27: Bạn đang thiết kế một trang web và muốn một phần văn bản có kích thước nhỏ hơn so với kích thước phông chữ của phần tử cha. Giá trị nào sau đây của thuộc tính `font-size` (sử dụng đơn vị tương đối) có thể giúp bạn làm điều đó?

font-size: 16px;

font-size: 0.8em;

font-size: 150%;

font-size: large;

Câu hỏi yêu cầu áp dụng thuộc tính font-size sử dụng đơn vị tương đối (ví dụ: em, rem, %). Đơn vị 'em' tính toán kích thước dựa trên font-size của phần tử cha. Giá trị nhỏ hơn 1em sẽ tạo ra kích thước nhỏ hơn.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 28: Cho đoạn mã CSS:

`p { color: black !important; }`
`p { color: gray; }`

Văn bản trong thẻ `

` sẽ có màu gì?

Màu đen (black)

Màu xám (gray)

Màu mặc định (thường là đen, nhưng không phải do quy tắc đầu tiên)

Không có màu nào được áp dụng do xung đột.

Câu hỏi kiểm tra hiểu biết về mức độ ưu tiên của `!important`. Quy tắc với `!important` luôn có ưu tiên cao nhất, bất kể thứ tự khai báo hay độ đặc hiệu của bộ chọn (trong trường hợp này độ đặc hiệu như nhau).

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 29: Bạn muốn định dạng một lớp (class) CSS tên là `highlight` để văn bản trong lớp này có màu nền vàng. Cú pháp CSS nào sau đây là đúng?

.highlight { color: yellow; }

highlight { background-color: yellow; }

.highlight { background-color: yellow; }

#highlight { background-color: yellow; }

Câu hỏi yêu cầu áp dụng kiến thức về bộ chọn lớp (class selector) và thuộc tính background-color để định dạng màu nền.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 03

Câu 30: Phân loại phông chữ nào trong CSS thường được sử dụng cho các đoạn mã lập trình hoặc hiển thị dữ liệu dạng bảng, nơi mà việc các ký tự có chiều rộng bằng nhau là quan trọng?

Serif

Sans-serif

Cursive

Monospace
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra khả năng liên kết đặc điểm của loại phông chữ Monospace (chiều rộng ký tự đều nhau) với ứng dụng thực tế (code, bảng dữ liệu).

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 04

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 1: Trong CSS, thuộc tính nào sau đây được sử dụng để thiết lập kiểu phông chữ cho văn bản, bao gồm cả danh sách các phông dự phòng?

font-style

font-weight

font-family

font-size

Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để chọn phông chữ. `font-family` là thuộc tính chính xác, cho phép chỉ định một hoặc nhiều phông chữ theo thứ tự ưu tiên.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 2: Bạn muốn đặt màu chữ cho tất cả các đoạn văn bản (

) trên trang web thành màu xanh dương. Đoạn mã CSS nào sau đây thực hiện được điều này một cách chính xác?

p { text-color: blue; }

p { color: blue; }

paragraph { color: blue; }

p.color = blue;

Câu hỏi yêu cầu áp dụng thuộc tính `color` để định dạng màu chữ cho bộ chọn `

`. Cú pháp đúng là `selector { property: value; }`.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 3: Giả sử bạn có một tiêu đề cấp 2 (

) và muốn làm cho nó trở nên đậm hơn so với độ đậm bình thường. Thuộc tính CSS nào là phù hợp nhất để điều chỉnh độ dày nét chữ?

text-decoration

font-style

font-family

font-weight

Câu hỏi kiểm tra thuộc tính điều chỉnh độ đậm/nhạt của chữ. `font-weight` được sử dụng để thiết lập độ dày nét chữ (ví dụ: normal, bold, số từ 100 đến 900).

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 4: Bạn áp dụng quy tắc CSS sau cho một đoạn văn bản:
```css
p {
font-size: 16px;
line-height: 1.5;
}
```
Khoảng cách giữa các đường cơ sở (baseline) của các dòng trong đoạn văn bản này sẽ là bao nhiêu?

24px

16px

1.5px

Không xác định được vì thiếu thông tin

Câu hỏi yêu cầu phân tích và tính toán `line-height` khi sử dụng đơn vị không có đơn vị (unitless). Giá trị `1.5` có nghĩa là chiều cao dòng bằng 1.5 lần `font-size` hiện tại của phần tử. Do đó, khoảng cách là 1.5 * 16px = 24px.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 5: Để căn giữa một đoạn văn bản trong một khối (block element) bằng CSS, bạn sử dụng thuộc tính nào và với giá trị nào?

align: center;

margin: auto;

text-align: center;

vertical-align: middle;

Câu hỏi kiểm tra thuộc tính và giá trị để căn chỉnh văn bản. `text-align` là thuộc tính dùng để căn chỉnh nội dung văn bản bên trong một phần tử. Giá trị `center` dùng để căn giữa.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 6: Thuộc tính CSS `text-indent` chủ yếu được sử dụng để làm gì?

Thụt lề dòng đầu tiên của đoạn văn bản.

Tạo khoảng cách giữa các ký tự.

Căn lề toàn bộ đoạn văn bản sang trái hoặc phải.

Tăng khoảng cách giữa các dòng văn bản.

Câu hỏi kiểm tra chức năng của thuộc tính `text-indent`. Thuộc tính này dùng để thụt lề dòng đầu tiên của một khối văn bản.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 7: Tính kế thừa trong CSS có ý nghĩa như thế nào đối với việc định dạng văn bản?

Các thuộc tính CSS của phần tử con luôn ghi đè lên thuộc tính của phần tử cha.

Một số thuộc tính CSS được áp dụng cho phần tử cha sẽ tự động áp dụng cho các phần tử con của nó.

Chỉ có thuộc tính `color` và `font-family` được kế thừa.

Tính kế thừa chỉ áp dụng khi sử dụng `!important`.

Câu hỏi kiểm tra khái niệm kế thừa trong CSS. Kế thừa là khả năng một số thuộc tính CSS (đặc biệt là các thuộc tính liên quan đến văn bản và màu sắc) được truyền từ phần tử cha xuống các phần tử con.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 8: Bạn muốn loại bỏ gạch chân mặc định của các liên kết () trên trang web. Đoạn mã CSS nào sau đây là cách phổ biến và đúng để làm điều đó?

a { text-underline: none; }

link { decoration: none; }

a { text-decoration: none; }

a { line-style: none; }

Câu hỏi yêu cầu áp dụng thuộc tính `text-decoration` để loại bỏ gạch chân. Giá trị `none` được sử dụng để xóa các trang trí văn bản như gạch chân, gạch ngang, gạch trên.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 9: Phông chữ thuộc loại `Monospace` có đặc điểm nổi bật gì khác biệt so với `Serif` hoặc `Sans-serif`?

Có chân ở cuối nét chữ.

Không có chân ở cuối nét chữ.

Thiết kế giống chữ viết tay.

Mọi ký tự đều có cùng chiều rộng.

Câu hỏi yêu cầu so sánh đặc điểm các loại phông chữ. Phông chữ `Monospace` có đặc điểm là tất cả các ký tự (chữ cái, số, ký hiệu) đều có chiều rộng như nhau, thường được dùng cho code hoặc văn bản kỹ thuật.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 10: Khi định dạng văn bản bằng CSS, nếu bạn sử dụng đơn vị `em` cho `font-size`, kích thước phông chữ sẽ được tính dựa trên yếu tố nào?

Kích thước phông chữ của phần tử cha gần nhất.

Kích thước phông chữ mặc định của trình duyệt.

Kích thước phông chữ của phần tử gốc (root element - html).

Luôn tương đương 16px.

Câu hỏi kiểm tra sự hiểu biết về đơn vị `em`. Đơn vị `em` là đơn vị tương đối, kích thước của nó phụ thuộc vào kích thước phông chữ của phần tử cha gần nhất hoặc kích thước phông chữ gốc nếu không có cha nào thiết lập.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 11: Bạn có một đoạn văn bản cần hiển thị bằng chữ in hoa toàn bộ. Thuộc tính CSS nào giúp chuyển đổi văn bản sang chữ in hoa?

font-variant: uppercase;

text-transform: uppercase;

text-decoration: uppercase;

font-style: uppercase;

Câu hỏi kiểm tra thuộc tính `text-transform`. Thuộc tính này cho phép chuyển đổi chữ hoa/thường của văn bản. Giá trị `uppercase` sẽ chuyển tất cả ký tự thành chữ in hoa.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 12: Phân tích đoạn mã CSS sau:
```css
#special-paragraph {
color: green;
font-weight: bold;
text-align: justify;
}
```
Đoạn văn bản có `id="special-paragraph"` sẽ được định dạng như thế nào?

Chữ màu xanh lá cây, chữ thường, căn lề trái.

Chữ màu đỏ, chữ đậm, căn giữa.

Chữ màu xanh dương, chữ thường, căn đều hai bên.

Chữ màu xanh lá cây, chữ đậm, căn đều hai bên.

Câu hỏi yêu cầu phân tích một bộ quy tắc CSS. Quy tắc này áp dụng cho phần tử có ID là `special-paragraph`, đặt màu chữ xanh lá cây (`color: green`), chữ đậm (`font-weight: bold`), và căn đều cả hai lề (`text-align: justify`).

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 13: Bạn có một danh sách các mục (

) và muốn tất cả chúng có màu chữ là #333 (một màu xám đậm). Đoạn mã CSS nào sau đây là đúng?

li { color: #333; }

li { text-color: #333; }

list-item { color: #333; }

<li color="#333">

Câu hỏi yêu cầu áp dụng thuộc tính `color` với giá trị màu dạng Hex code cho bộ chọn `

`. Cú pháp và thuộc tính đều đúng trong đáp án.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 14: Trong CSS, thuộc tính `font-style` với giá trị `italic` có tác dụng gì?

Gạch chân văn bản.

Làm nghiêng văn bản.

Làm đậm văn bản.

Chuyển văn bản thành chữ in hoa.

Câu hỏi kiểm tra chức năng của `font-style: italic;`. Thuộc tính này dùng để làm nghiêng (in nghiêng) văn bản.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 15: Bạn muốn định dạng một đoạn văn bản sao cho dòng đầu tiên thụt vào 20 pixel. Thuộc tính và giá trị CSS cần sử dụng là gì?

margin-left: 20px;

padding-left: 20px;

first-line-indent: 20px;

text-indent: 20px;

Câu hỏi yêu cầu áp dụng `text-indent` với đơn vị `px`. Cú pháp đúng là `text-indent: value;`.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 16: Giả sử bạn có đoạn HTML `

Đây là một đoạn văn bản.

` và áp dụng CSS: `div { font-size: 20px; }`. Nếu không có quy tắc `font-size` nào khác cho `

`, kích thước phông chữ của đoạn văn bản sẽ là bao nhiêu do tính kế thừa?

20px

Kích thước mặc định của trình duyệt (thường 16px)

Kích thước phông chữ của phần tử gốc (html)

Không kế thừa font-size

Câu hỏi kiểm tra khả năng phân tích ảnh hưởng của tính kế thừa. `font-size` là một thuộc tính được kế thừa. Khi `font-size: 20px;` được đặt cho `div` (phần tử cha), phần tử con `

` sẽ kế thừa kích thước này nếu nó không có quy tắc `font-size` riêng.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 17: Bạn muốn sử dụng phông chữ 'Arial', nhưng nếu trình duyệt không hỗ trợ 'Arial', nó sẽ chuyển sang 'Helvetica', và cuối cùng là bất kỳ phông `sans-serif` nào có sẵn. Khai báo `font-family` đúng trong trường hợp này là gì?

font-family: Arial, Helvetica, sans-serif;

font-family: Arial; Helvetica; sans-serif;

font-family: 'Arial', 'Helvetica', sans-serif;

font-family: Arial Helvetica sans-serif;

Câu hỏi kiểm tra cách sử dụng danh sách phông chữ dự phòng trong `font-family`. Các phông chữ được liệt kê theo thứ tự ưu tiên, cách nhau bằng dấu phẩy. Luôn kết thúc bằng một loại phông chung (generic family) như `sans-serif` làm dự phòng cuối cùng.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 18: Khi bạn áp dụng `text-align: justify;` cho một đoạn văn bản, điều gì xảy ra với các dòng (trừ dòng cuối cùng)?

Các dòng (trừ dòng cuối cùng) sẽ được kéo giãn để lấp đầy toàn bộ chiều rộng của khối chứa, căn đều cả lề trái và phải.

Các dòng sẽ được căn giữa.

Các dòng sẽ được căn lề trái.

Các dòng sẽ được căn lề phải.

Câu hỏi kiểm tra hiểu biết về `text-align: justify;`. Giá trị này làm cho văn bản được căn đều cả hai lề trái và phải bằng cách điều chỉnh khoảng cách giữa các từ trên mỗi dòng.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 19: Bạn muốn đặt cỡ chữ cho một tiêu đề cấp 1 (

) là 2.5 lần cỡ chữ mặc định của phần tử gốc (root element). Đơn vị CSS nào là phù hợp nhất để thể hiện điều này một cách tương đối với kích thước gốc?

em

rem

px

%

Câu hỏi kiểm tra việc sử dụng đơn vị tương đối `rem`. Đơn vị `rem` (root em) tương đối với kích thước phông chữ của phần tử gốc (``), khác với `em` là tương đối với phần tử cha.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 20: Trong trường hợp có hai quy tắc CSS khác nhau cùng định dạng màu chữ cho cùng một đoạn văn bản, quy tắc nào sẽ được ưu tiên áp dụng (giả sử không có `!important` và cùng mức độ đặc hiệu)?

Quy tắc được khai báo đầu tiên.

Quy tắc có giá trị màu ngẫu nhiên.

Quy tắc được khai báo sau cùng.

Cả hai quy tắc sẽ bị bỏ qua.

Câu hỏi kiểm tra nguyên tắc 'cascading' cơ bản trong CSS liên quan đến thứ tự xuất hiện. Khi không có yếu tố nào khác quyết định (độ đặc hiệu, `!important`, nguồn gốc), quy tắc được khai báo sau cùng trong mã CSS sẽ ghi đè quy tắc khai báo trước đó.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 21: Bạn muốn áp dụng định dạng: chữ màu đỏ, chữ in nghiêng, và cỡ chữ 14px cho tất cả các phần tử có class là `error-message`. Đoạn mã CSS nào sau đây kết hợp đúng các thuộc tính này?

.error-message { color: red; font-style: italic; font-size: 14px; }

.error-message { text-color: red; font-style: italic; font-size: 14px; }

#error-message { color: red; font-style: italic; font-size: 14px; }

.error-message { color: red, font-style: italic, font-size: 14px; }

Câu hỏi yêu cầu viết một quy tắc CSS cho bộ chọn class, kết hợp nhiều thuộc tính định dạng văn bản: `color`, `font-style`, `font-size`. Cú pháp và các thuộc tính đều được sử dụng đúng.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 22: Thuộc tính `line-height` có thể nhận giá trị là một số không có đơn vị (ví dụ: `line-height: 1.8;`). Giá trị này được hiểu như thế nào?

Chiều cao dòng là 1.8 pixel.

Chiều cao dòng là 1.8 em.

Chiều cao dòng là 1.8 lần kích thước phông chữ của phần tử.

Chiều cao dòng là 180% chiều cao của phần tử cha.

Câu hỏi kiểm tra hiểu biết về giá trị không đơn vị của `line-height`. Khi `line-height` nhận một số không đơn vị, chiều cao dòng được tính bằng cách nhân số đó với `font-size` của chính phần tử đó. Đây là cách khuyến khích sử dụng vì nó kế thừa tỷ lệ, không phải giá trị tuyệt đối.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 23: Bạn cần định dạng một đoạn trích dẫn (

) sao cho nó có phông chữ `Georgia` (hoặc `serif` dự phòng) và cỡ chữ lớn hơn bình thường (ví dụ: 1.2em). Hãy viết quy tắc CSS phù hợp.

blockquote { font-family: Georgia sans-serif; font-size: 1.2em; }

blockquote { font-family: Georgia, serif; font-size: 1.2em; }

cite { font-family: Georgia, serif; font-size: 1.2em; }

blockquote { font: Georgia, serif 1.2em; }

Câu hỏi yêu cầu kết hợp `font-family` với phông dự phòng và `font-size` với đơn vị tương đối cho bộ chọn `

`.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 24: Thuộc tính `text-decoration` có thể nhận giá trị `line-through`. Giá trị này có tác dụng gì đối với văn bản?

Gạch ngang qua văn bản.

Gạch chân văn bản.

Tạo đường viền xung quanh văn bản.

Làm nổi bật văn bản bằng màu nền.

Câu hỏi kiểm tra chức năng của `text-decoration: line-through;`. Giá trị này dùng để gạch ngang văn bản.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 25: Bạn muốn tất cả các phần tử trên trang web có một phông chữ mặc định là `Verdana` (hoặc `sans-serif` nếu không có). Bộ chọn phổ quát (`*`) kết hợp với thuộc tính nào là cách hiệu quả để đặt phông chữ này?

all { font-family: Verdana, sans-serif; }

#all { font-family: Verdana, sans-serif; }

* { font: Verdana, sans-serif; }

* { font-family: Verdana, sans-serif; }

Câu hỏi yêu cầu sử dụng bộ chọn `*` (universal selector) để áp dụng định dạng cho tất cả các phần tử và thuộc tính `font-family` để đặt phông chữ.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 26: Khi sử dụng `text-transform: capitalize;`, điều gì sẽ xảy ra với văn bản?

Tất cả các ký tự sẽ thành chữ in hoa.

Chữ cái đầu tiên của mỗi từ sẽ thành chữ in hoa.

Tất cả các ký tự sẽ thành chữ thường.

Chỉ chữ cái đầu tiên của câu thành chữ in hoa.

Câu hỏi kiểm tra chức năng của `text-transform: capitalize;`. Giá trị này sẽ viết hoa chữ cái đầu tiên của MỖI từ trong văn bản.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 27: Giả sử bạn có một đoạn văn bản được định dạng bởi hai quy tắc CSS:
```css
p { color: blue; }
p.highlight { color: red; }
```
Nếu một đoạn văn bản có cả thẻ `

` và class `highlight` (ví dụ: `

...`), màu chữ cuối cùng sẽ là gì? (Xét theo độ đặc hiệu)

Màu xanh dương (blue).

Màu mặc định của trình duyệt.

Màu hỗn hợp giữa xanh dương và đỏ.

Màu đỏ (red).

Câu hỏi kiểm tra nguyên tắc độ đặc hiệu (specificity) trong CSS. Bộ chọn `.highlight` (class selector) có độ đặc hiệu cao hơn bộ chọn `p` (element selector). Do đó, quy tắc `.highlight` sẽ được ưu tiên áp dụng.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 28: Bạn muốn thiết lập khoảng cách giữa các dòng trong một đoạn văn bản bằng 150% kích thước phông chữ hiện tại của nó. Giá trị nào của thuộc tính `line-height` thể hiện điều này?

line-height: 150px;

line-height: 150%;

line-height: 1.5px;

line-height: 1.5em;

Câu hỏi yêu cầu áp dụng `line-height` với giá trị phần trăm. `line-height: 150%;` nghĩa là chiều cao dòng bằng 150% của `font-size` của chính phần tử đó.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 29: Đâu là sự khác biệt chính về hình thức giữa phông chữ thuộc loại `Serif` và `Sans-serif`?

Serif chỉ dùng cho tiêu đề, Sans-serif dùng cho nội dung.

Serif có chiều rộng ký tự cố định, Sans-serif có chiều rộng thay đổi.

Serif có nét trang trí (chân) ở cuối nét chữ, Sans-serif thì không.

Serif luôn đậm hơn Sans-serif.

Câu hỏi yêu cầu so sánh hai loại phông chữ phổ biến. `Serif` có 'chân' hoặc nét trang trí ở cuối các nét chính của ký tự, trong khi `Sans-serif` (tiếng Pháp nghĩa là 'không chân') thì không có.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 04

Câu 30: Bạn có một đoạn văn bản tiếng Anh 'HELLO world' và áp dụng CSS `text-transform: lowercase;`. Kết quả hiển thị trên trang web sẽ là gì?

hello world

HELLO WORLD

Hello world

hELLO WORLD
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi yêu cầu phân tích tác dụng của `text-transform: lowercase;`. Giá trị này chuyển tất cả các ký tự trong văn bản thành chữ thường.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 05

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 1: Một đoạn văn bản trong trang web cần được hiển thị với phông chữ "Arial", nếu không có thì dùng "Helvetica", và cuối cùng là bất kỳ phông chữ không chân (sans-serif) nào có sẵn trên hệ thống. Mẫu CSS nào sau đây thể hiện đúng yêu cầu này?

font-family: sans-serif, Helvetica, Arial;

font-family: Arial; font-family: Helvetica; font-family: sans-serif;

font-family: Arial, Helvetica, sans-serif;

font-family: 'Arial' 'Helvetica' sans-serif;

Câu hỏi kiểm tra khả năng áp dụng thuộc tính `font-family` với danh sách các phông chữ dự phòng (font stack). Thứ tự trong danh sách `font-family` xác định thứ tự ưu tiên khi trình duyệt tìm kiếm phông chữ. Phông chung (generic family) như `sans-serif` luôn đặt cuối cùng làm phương án dự phòng cuối cùng.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 2: Cho đoạn mã HTML sau:
```html

Đây là đoạn văn.

```
Áp dụng luật CSS `div { color: blue; }`. Theo tính kế thừa trong CSS, màu chữ của đoạn văn bản bên trong thẻ `

` sẽ là gì?

Màu mặc định của trình duyệt (thường là màu đen).

Màu xanh dương.

Không có màu (trong suốt).

Màu của thẻ `<body>` nếu có.

Câu hỏi kiểm tra khái niệm tính kế thừa của thuộc tính `color`. Thuộc tính `color` là một trong những thuộc tính được kế thừa từ phần tử cha (`div`) xuống phần tử con (`p`), trừ khi phần tử con có định nghĩa màu chữ riêng. Trong trường hợp này, thẻ `

` không có định nghĩa màu chữ riêng, nên nó sẽ kế thừa màu xanh dương từ thẻ `div` cha.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 3: Để làm cho tất cả các tiêu đề cấp 2 (`

`) trên trang web hiển thị với nét chữ đậm và gạch chân, đoạn CSS nào sau đây là đúng?

h2 { font-weight: normal; text-decoration: none; }

h2 { font-style: bold; text-decoration: underline; }

h2 { font-weight: bold; text-style: underline; }

h2 { font-weight: bold; text-decoration: underline; }

Câu hỏi yêu cầu áp dụng kết hợp các thuộc tính định dạng văn bản. `font-weight: bold;` làm chữ đậm. `text-decoration: underline;` thêm gạch chân. Đáp án đúng kết hợp cả hai thuộc tính này trong luật CSS cho thẻ `

`.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 4: Bạn muốn tăng khoảng cách giữa các dòng trong một đoạn văn bản lên gấp 1.5 lần chiều cao dòng mặc định. Thuộc tính và giá trị CSS nào sau đây cần sử dụng?

line-height: 1.5;

line-height: 150%;

line-height: 1.5em;

line-height: 150px;

Câu hỏi kiểm tra việc sử dụng thuộc tính `line-height` để điều chỉnh khoảng cách giữa các dòng. Giá trị `1.5` là một hệ số nhân, có nghĩa là chiều cao dòng sẽ bằng 1.5 lần chiều cao phông chữ của phần tử đó, đây là cách phổ biến và linh hoạt để thiết lập khoảng cách dòng tương đối.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 5: Cho đoạn CSS sau:
```css
p {
font-size: 16px;
text-align: justify;
}
```
Đoạn văn bản trong thẻ `

` sẽ được định dạng như thế nào?

Cỡ chữ 16px và căn giữa.

Cỡ chữ mặc định và căn đều hai lề.

Cỡ chữ 16px và căn đều hai lề.

Cỡ chữ mặc định và căn giữa.

Câu hỏi yêu cầu phân tích đoạn mã CSS và dự đoán kết quả hiển thị. `font-size: 16px;` thiết lập cỡ chữ là 16 pixel. `text-align: justify;` căn đều hai lề cho văn bản.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 6: Bạn muốn tạo một hiệu ứng đặc biệt cho văn bản, trong đó mỗi từ cách nhau xa hơn bình thường. Thuộc tính CSS nào giúp bạn điều chỉnh khoảng cách giữa các từ?

letter-spacing

word-spacing

text-indent

line-height

Câu hỏi kiểm tra kiến thức về các thuộc tính định dạng chi tiết. `word-spacing` được sử dụng để thiết lập khoảng cách giữa các từ trong văn bản.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 7: Một đoạn văn bản cần được hiển thị toàn bộ bằng chữ in hoa. Thuộc tính và giá trị CSS nào sau đây thực hiện được điều này?

text-transform: uppercase;

text-transform: capitalize;

font-variant: uppercase;

text-style: uppercase;

Câu hỏi kiểm tra thuộc tính `text-transform`. Giá trị `uppercase` của thuộc tính `text-transform` sẽ chuyển toàn bộ văn bản thành chữ in hoa.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 8: Khi sử dụng giá trị đơn vị `em` cho thuộc tính `font-size` của một phần tử, cỡ chữ của phần tử đó sẽ được tính dựa trên cơ sở nào?

Cỡ chữ mặc định của trình duyệt (thường là 16px).

Cỡ chữ của phần tử gốc (`<html>`).

Cỡ chữ của phần tử cha gần nhất.

Chiều rộng của cửa sổ trình duyệt.

Câu hỏi kiểm tra hiểu biết về đơn vị tương đối `em`. Đơn vị `em` trong thuộc tính `font-size` của một phần tử con được tính dựa trên cỡ chữ của phần tử cha gần nhất. Đây là một đơn vị tương đối.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 9: Bạn có một danh sách các mục (`

`) trong một danh sách không có thứ tự (`
`). Bạn muốn tất cả các mục danh sách này đều được căn giữa. Bạn sẽ áp dụng thuộc tính `text-align: center;` cho phần tử nào để đạt được kết quả mong muốn nhất?

Cho từng phần tử `<li>` riêng lẻ.

Cho phần tử `<ul>` cha.

Cho phần tử `<body>`.

Chỉ cần áp dụng cho phần tử `<li>` đầu tiên.

Câu hỏi kiểm tra khả năng áp dụng tính kế thừa và chọn bộ chọn phù hợp. Thuộc tính `text-align` là thuộc tính được kế thừa. Áp dụng nó cho phần tử cha (`

`) sẽ khiến các phần tử con (`

`) kế thừa thuộc tính này và nội dung bên trong chúng (văn bản) sẽ được căn giữa.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 10: Thuộc tính `text-indent` trong CSS được sử dụng để làm gì?

Thiết lập khoảng cách giữa các ký tự.

Thiết lập khoảng cách giữa các từ.

Căn lề toàn bộ đoạn văn bản.

Thụt lề dòng đầu tiên của đoạn văn bản.

Câu hỏi kiểm tra chức năng của thuộc tính `text-indent`. Thuộc tính này dùng để thụt lề (tạo khoảng trống) cho dòng đầu tiên của một đoạn văn bản.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 11: Phông chữ thuộc loại 'Monospace' có đặc điểm gì nổi bật?

Mọi ký tự đều có chiều rộng như nhau.

Có 'chân' ở cuối nét chữ.

Không có 'chân' ở cuối nét chữ.

Mô phỏng chữ viết tay.

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ Monospace có đặc điểm là tất cả các ký tự (chữ cái, số, ký hiệu) đều có cùng một chiều rộng. Loại phông này thường được dùng cho code hoặc văn bản cần sự căn chỉnh cột.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 12: Giả sử bạn có một đoạn văn bản trong thẻ `

` và áp dụng CSS sau: `p { font-size: 20px; line-height: 2; }`. Khoảng cách giữa các đường cơ sở của các dòng văn bản trong đoạn này sẽ là bao nhiêu?

20px

2px

40px

Không xác định được vì thiếu đơn vị.

Câu hỏi yêu cầu áp dụng hiểu biết về `line-height` với giá trị là hệ số nhân. Khi `line-height` có giá trị là một số (ví dụ: 2), khoảng cách giữa các đường cơ sở của các dòng sẽ bằng số đó nhân với `font-size` của phần tử. Ở đây là 2 * 20px = 40px.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 13: Thuộc tính `text-decoration` với giá trị `none` thường được sử dụng phổ biến nhất để loại bỏ hiệu ứng mặc định nào trên các phần tử liên kết (``)?

Gạch chân (underline)

Chữ in đậm (bold)

Chữ in nghiêng (italic)

Gạch ngang (line-through)

Câu hỏi kiểm tra ứng dụng thực tế của `text-decoration`. Các thẻ liên kết (``) theo mặc định của trình duyệt thường có gạch chân. Sử dụng `text-decoration: none;` là cách phổ biến để loại bỏ hiệu ứng gạch chân này.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 14: Bạn muốn tất cả các chữ cái đầu tiên của mỗi từ trong một tiêu đề (`

`) được viết hoa, còn các chữ cái khác thì giữ nguyên. Thuộc tính và giá trị CSS nào cần dùng?

text-transform: uppercase;

text-transform: capitalize;

text-transform: lowercase;

font-variant: small-caps;

Câu hỏi kiểm tra thuộc tính `text-transform` với các giá trị khác nhau. Giá trị `capitalize` sẽ viết hoa chữ cái đầu tiên của mỗi từ trong văn bản.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 15: Cho đoạn CSS sau:
```css
.box p {
color: green;
}
.box .highlight {
color: red;
}
```
Và đoạn HTML:
```html

Đoạn văn bản đặc biệt.

```
Màu chữ cuối cùng của đoạn văn bản "Đoạn văn bản đặc biệt." sẽ là gì, dựa trên nguyên tắc ưu tiên (cascade) cơ bản?

Màu đỏ.

Màu xanh lá cây.

Màu mặc định của trình duyệt.

Màu đen.

Câu hỏi kiểm tra nguyên tắc ưu tiên của bộ chọn (specificity) và thứ tự trong CSS (cascade). Bộ chọn `.box .highlight` (kết hợp class và class) có độ ưu tiên cao hơn bộ chọn `.box p` (kết hợp class và element). Do đó, luật có bộ chọn `.box .highlight` sẽ thắng thế và màu chữ sẽ là màu đỏ.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 16: Bạn muốn thụt lề dòng đầu tiên của một đoạn văn bản vào 20 pixel. Thuộc tính và giá trị nào sau đây là đúng cú pháp?

text-indent: 20;

text-indent: 20px;

indent-text: 20px;

first-line-indent: 20px;

Câu hỏi kiểm tra cú pháp của thuộc tính `text-indent`. Giá trị của `text-indent` cần có đơn vị đo lường (ví dụ: px, em, %, cm). `20px` là cú pháp đúng.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 17: Khi bạn sử dụng đơn vị `rem` để thiết lập `font-size`, cỡ chữ của phần tử sẽ được tính dựa trên cơ sở nào?

Cỡ chữ của phần tử cha gần nhất.

Cỡ chữ mặc định của trình duyệt.

Chiều rộng của phần tử chứa nó.

Cỡ chữ của phần tử gốc (`<html>`).

Câu hỏi kiểm tra hiểu biết về đơn vị tương đối `rem`. Đơn vị `rem` (root em) luôn được tính dựa trên cỡ chữ của phần tử gốc (``), không phải phần tử cha gần nhất như `em`. Điều này giúp tránh các vấn đề về tính toán kích thước lồng nhau.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 18: Bạn có một đoạn văn bản dài và muốn ngắt dòng tự động khi văn bản tràn ra khỏi phần tử chứa nó. Mặc định, trình duyệt đã làm điều này. Tuy nhiên, nếu bạn muốn kiểm soát cách ngắt dòng, thuộc tính nào liên quan đến việc xử lý khoảng trắng và ngắt dòng?

word-break

overflow-wrap

white-space

word-spacing

Câu hỏi kiểm tra thuộc tính `white-space`. Mặc dù mặc định trình duyệt xử lý ngắt dòng khá tốt, thuộc tính `white-space` cho phép kiểm soát cách các khoảng trắng và ngắt dòng được xử lý, bao gồm cả việc ngăn ngắt dòng (`nowrap`) hoặc bảo toàn khoảng trắng (`pre`).

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 19: Trong CSS, thuộc tính nào được sử dụng để làm cho văn bản trông giống như chữ viết tay?

Serif

Sans-serif

Monospace

Cursive

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ thuộc loại 'Cursive' mô phỏng chữ viết tay hoặc chữ thảo.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 20: Bạn muốn áp dụng một kiểu định dạng (ví dụ: màu đỏ) cho tất cả các phần tử trên trang web, bất kể loại thẻ là gì. Bộ chọn CSS nào sau đây sẽ chọn tất cả các phần tử?

*

all

element

#all

Câu hỏi kiểm tra bộ chọn phổ quát (universal selector). Ký hiệu `*` là bộ chọn phổ quát trong CSS, nó chọn tất cả các phần tử HTML trên trang.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 21: Giả sử bạn có đoạn CSS sau:
```css
p {
color: blue;
}
p {
color: red;
}
```
Màu chữ của đoạn văn bản trong thẻ `

` sẽ là gì? (Giả sử không có các quy tắc CSS khác ảnh hưởng)

Màu xanh dương.

Màu đỏ.

Màu hỗn hợp giữa xanh dương và đỏ.

Màu mặc định của trình duyệt.

Câu hỏi kiểm tra nguyên tắc cascade (thứ tự). Khi hai hoặc nhiều quy tắc CSS có cùng độ ưu tiên (cùng bộ chọn) áp dụng cho cùng một thuộc tính trên cùng một phần tử, quy tắc được khai báo sau cùng sẽ ghi đè lên quy tắc trước đó. Ở đây, `color: red;` được khai báo sau `color: blue;`, nên màu đỏ sẽ được áp dụng.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 22: Thuộc tính `font-style` với giá trị `italic` được sử dụng để làm gì?

Làm cho văn bản đậm hơn.

Làm cho văn bản gạch chân.

Làm cho văn bản nghiêng.

Làm cho văn bản gạch ngang.

Câu hỏi kiểm tra chức năng của thuộc tính `font-style`. Giá trị `italic` làm cho văn bản hiển thị dưới dạng chữ in nghiêng.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 23: Bạn muốn giảm khoảng cách giữa các ký tự trong một từ hoặc cụm từ cụ thể. Thuộc tính CSS nào bạn nên sử dụng?

letter-spacing

word-spacing

text-indent

line-height

Câu hỏi kiểm tra thuộc tính `letter-spacing`. Thuộc tính này điều chỉnh khoảng cách (kết nối) giữa các ký tự riêng lẻ trong văn bản.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 24: Cho đoạn CSS:
```css
p {
font-size: 1em;
}
```
Nếu cỡ chữ mặc định của trình duyệt là 16px, thì `font-size` của thẻ `

` sẽ là bao nhiêu?

1px

10px

16px

Không xác định được.

Câu hỏi kiểm tra hiểu biết về đơn vị `em` khi phần tử cha không có định nghĩa `font-size`. Trong trường hợp này, `em` sẽ dựa vào cỡ chữ mặc định của phần tử cha, mà thông thường (nếu không có style nào khác) sẽ kế thừa từ `` hoặc ``, thường là cỡ chữ mặc định của trình duyệt (16px). Do đó, `1em` sẽ bằng 1 lần cỡ chữ mặc định, tức 16px.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 25: Điều gì xảy ra khi bạn sử dụng giá trị `!important` sau giá trị của một thuộc tính CSS?

Thuộc tính đó bị bỏ qua.

Thuộc tính đó có độ ưu tiên cao nhất và ghi đè lên các quy tắc khác.

Thuộc tính đó chỉ áp dụng cho các phần tử con.

Trình duyệt sẽ hiển thị cảnh báo lỗi.

Câu hỏi kiểm tra tác dụng của cờ `!important`. Sử dụng `!important` làm tăng độ ưu tiên của quy tắc đó lên mức cao nhất, ghi đè lên hầu hết các quy tắc khác, kể cả những quy tắc có độ ưu tiên cao hơn theo tính toán thông thường.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 26: Phông chữ thuộc loại 'Serif' có đặc điểm nhận dạng chính nào?

Có 'chân' ở cuối nét chữ.

Không có 'chân' ở cuối nét chữ.

Mọi ký tự đều có chiều rộng như nhau.

Mô phỏng chữ viết tay.

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ Serif có đặc điểm là có các nét nhỏ hoặc 'chân' ở cuối các nét chính của ký tự. Ví dụ phổ biến là Times New Roman.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 27: Bạn muốn thiết lập màu nền cho một đoạn văn bản, không phải màu chữ. Thuộc tính CSS nào được sử dụng cho mục đích này?

color

text-color

background-color

font-color

Câu hỏi phân biệt giữa thuộc tính màu chữ và màu nền. `background-color` được sử dụng để thiết lập màu nền cho phần tử, trong khi `color` thiết lập màu chữ.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 28: Cho đoạn HTML và CSS sau:
```html

Đoạn văn bản.

```
Cỡ chữ cuối cùng của đoạn văn bản trong thẻ `

` sẽ là bao nhiêu?

18px

1.2px

12px

21.6px

Câu hỏi yêu cầu phân tích sự kết hợp giữa inline style và đơn vị `em`. Thẻ `div` cha có `font-size: 18px;` (inline style). Thẻ `p` con có `font-size: 1.2em;`. Đơn vị `em` trong thẻ `p` được tính dựa trên cỡ chữ của phần tử cha gần nhất, tức là `div` (18px). Do đó, cỡ chữ của `p` sẽ là 1.2 * 18px = 21.6px.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 29: Bạn muốn tất cả các tiêu đề cấp 1 (`

`) trên trang web có màu xanh lá cây. Đoạn CSS nào sau đây là đúng cú pháp và thực hiện được yêu cầu?

h1 color: green;

<h1 style="color: green;">

h1 { color: green; }

.h1 { color: green; }

Câu hỏi kiểm tra cú pháp cơ bản của luật CSS và cách áp dụng màu chữ. Cú pháp đúng là `bộ_chọn { thuộc_tính: giá_trị; }`. Để đặt màu chữ, sử dụng thuộc tính `color` với giá trị màu mong muốn (ví dụ: `green`).

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 05

Câu 30: Thuộc tính `font-weight` trong CSS được sử dụng để làm gì?

Thiết lập độ dày nét chữ (đậm/nhạt).

Thiết lập kiểu chữ (nghiêng/thường).

Thiết lập kích thước chữ.

Thiết lập khoảng cách giữa các từ.
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra chức năng của thuộc tính `font-weight`. Thuộc tính này điều chỉnh độ đậm nhạt (độ dày nét) của phông chữ, với các giá trị như `normal`, `bold` hoặc các giá trị số từ 100 đến 900.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 06

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 1: Trong CSS, thuộc tính nào sau đây được sử dụng để thay đổi họ phông chữ (font family) cho một đoạn văn bản?

Thuộc tính `font-family` trong CSS được sử dụng để chỉ định họ phông chữ (như Arial, Times New Roman, Verdana, v.v.) cho văn bản.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 2: Bạn muốn đặt kích thước chữ cho tất cả các đoạn văn (thẻ `

`) trên trang web là 16 pixel. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu đó?

Để chọn tất cả thẻ `

` và thiết lập kích thước chữ, ta sử dụng bộ chọn `p` và thuộc tính `font-size` với giá trị `16px`.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 3: Thuộc tính `color` trong CSS được sử dụng để làm gì?

Thuộc tính `color` trong CSS được dùng để thiết lập màu sắc cho chữ (văn bản) của phần tử.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 4: Khi bạn sử dụng thuộc tính `line-height` trong CSS, bạn đang điều chỉnh khía cạnh nào của văn bản?

Thuộc tính `line-height` quy định khoảng cách giữa các đường cơ sở (baseline) của các dòng văn bản trong một khối nội dung. Điều này ảnh hưởng trực tiếp đến khoảng cách giữa các dòng.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 5: Bạn muốn căn giữa một tiêu đề (thẻ `

`). Thuộc tính và giá trị CSS nào sau đây là đúng?

Thuộc tính `text-align` được sử dụng để căn chỉnh văn bản bên trong phần tử. Giá trị `center` sẽ căn giữa nội dung.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 6: Để tạo hiệu ứng gạch chân cho văn bản, bạn sẽ sử dụng thuộc tính CSS nào?

Thuộc tính `text-decoration` được sử dụng để thêm hoặc xóa các hiệu ứng trang trí cho văn bản như gạch chân (`underline`), gạch trên (`overline`), gạch ngang (`line-through`), hoặc bỏ hiệu ứng (`none`).

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 7: Bạn có một đoạn văn bản và muốn dòng đầu tiên của đoạn đó được thụt lề vào 2em. Thuộc tính CSS nào bạn cần sử dụng?

Thuộc tính `text-indent` được sử dụng để thiết lập khoảng cách thụt lề cho dòng đầu tiên của khối văn bản.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 8: Khi sử dụng thuộc tính `font-weight`, giá trị nào sau đây thường được dùng để làm cho văn bản trở nên in đậm (bold)?

Giá trị `bold` hoặc các giá trị số lớn hơn (như 700) cho thuộc tính `font-weight` sẽ làm cho văn bản hiển thị đậm hơn so với bình thường.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 9: Bạn muốn biến đổi tất cả các ký tự trong một đoạn văn bản thành chữ hoa. Thuộc tính CSS nào giúp bạn làm điều này?

Thuộc tính `text-transform` được dùng để kiểm soát cách viết hoa/thường của văn bản. Giá trị `uppercase` sẽ chuyển đổi tất cả các ký tự thành chữ hoa.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 10: Đơn vị đo `em` trong CSS thường được sử dụng để thiết lập kích thước phông chữ hoặc khoảng cách. `1em` tương đương với điều gì?

Đơn vị `em` là đơn vị tương đối, `1em` tương đương với kích thước phông chữ hiện tại của phần tử cha (đối với thuộc tính `font-size`) hoặc kích thước phông chữ của chính phần tử đó (đối với các thuộc tính khác như `margin`, `padding`, `line-height`).

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 11: Trong CSS, tính kế thừa (Inheritance) có nghĩa là gì đối với các thuộc tính định dạng văn bản như `color` và `font-family`?

Tính kế thừa trong CSS cho phép các thuộc tính định dạng văn bản được thiết lập trên một phần tử cha (ví dụ: `` hoặc `

`) tự động áp dụng cho các phần tử con bên trong nó, trừ khi các phần tử con đó có quy tắc định dạng riêng ghi đè lên.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 12: Xem đoạn mã HTML và CSS sau:
HTML:
`

Đoạn văn bản.

`
CSS:
`div { color: red; }`
Chữ trong thẻ `

` sẽ có màu gì và tại sao?

Định dạng inline (`style='color: blue;'`) có độ ưu tiên cao hơn định dạng trong khối CSS (`div { color: red; }`). Mặc dù thẻ `

` kế thừa màu từ thẻ `

` cha, màu được định nghĩa inline trên `

` sẽ được áp dụng.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 13: Bạn muốn thiết lập khoảng cách giữa các ký tự trong một tiêu đề. Thuộc tính CSS nào sau đây là phù hợp?

Thuộc tính `letter-spacing` được sử dụng để điều chỉnh khoảng cách giữa các ký tự (chữ cái) trong văn bản.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 14: Để thiết lập kiểu chữ nghiêng (italic) cho văn bản, bạn sử dụng thuộc tính nào?

Thuộc tính `font-style` với giá trị `italic` hoặc `oblique` được sử dụng để làm cho văn bản hiển thị dưới dạng chữ nghiêng.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 15: Bạn sử dụng giá trị `normal` cho thuộc tính `font-weight`. Điều này có ý nghĩa gì?

Giá trị `normal` cho thuộc tính `font-weight` đặt độ dày nét chữ về mức bình thường, thường tương đương với giá trị số 400.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 16: Bạn muốn loại bỏ hiệu ứng gạch chân mặc định của các thẻ liên kết (``). Đoạn CSS nào sau đây thực hiện đúng điều đó?

Các thẻ liên kết mặc định thường có gạch chân. Để loại bỏ hiệu ứng này, ta sử dụng thuộc tính `text-decoration` với giá trị `none`.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 17: Đơn vị đo `%` khi sử dụng với thuộc tính `font-size` có ý nghĩa là gì?

Khi dùng `%` cho `font-size`, kích thước chữ được tính dựa trên kích thước phông chữ của phần tử cha. Ví dụ, `font-size: 120%;` nghĩa là kích thước chữ sẽ bằng 120% kích thước chữ của phần tử cha.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 18: Bạn có một đoạn văn bản dài. Để căn đều cả hai lề (trái và phải) cho đoạn văn bản này, bạn sử dụng thuộc tính `text-align` với giá trị nào?

Giá trị `justify` cho thuộc tính `text-align` sẽ căn đều văn bản theo cả lề trái và lề phải, tạo ra các khoảng trống bổ sung giữa các từ và ký tự khi cần thiết.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 19: Xem đoạn mã CSS:
`p { font-size: 14px; line-height: 1.5; }`
Nếu kích thước phông chữ của thẻ `

` là 14px, thì khoảng cách giữa các đường cơ sở của các dòng văn bản sẽ là bao nhiêu?

Khi `line-height` được đặt bằng một số không có đơn vị, khoảng cách dòng sẽ bằng số đó nhân với kích thước phông chữ của chính phần tử đó. Ở đây là 1.5 * 14px = 21px.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 20: Thuộc tính `font-variant` trong CSS thường được sử dụng để tạo hiệu ứng nào cho văn bản?

Thuộc tính `font-variant` chủ yếu được dùng để hiển thị chữ thường dưới dạng chữ hoa nhỏ (small-caps).

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 21: Khi bạn muốn thiết lập khoảng cách giữa các từ trong một câu, thuộc tính nào là lựa chọn đúng?

Thuộc tính `word-spacing` được sử dụng để điều chỉnh khoảng cách giữa các từ trong văn bản.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 22: Xem xét thứ tự ưu tiên (specificity và cascade) trong CSS. Nếu một phần tử `

` vừa được định dạng bởi quy tắc `p { color: red; }` và quy tắc `#myid { color: blue; }` (với `

`), màu chữ cuối cùng của đoạn văn bản sẽ là gì?

Bộ chọn ID (`#myid`) có độ ưu tiên cao hơn bộ chọn phần tử (`p`). Do đó, quy tắc `#myid { color: blue; }` sẽ được áp dụng, làm cho chữ có màu xanh dương.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 23: Đơn vị đo `pt` (point) thường được sử dụng trong in ấn. Trong CSS, `1pt` tương đương với bao nhiêu pixel (px)?

Trong môi trường web, `1pt` thường được quy đổi thành `1/72` inch. Với màn hình có DPI (Dots Per Inch) là 96 (phổ biến), `1px` = `1/96` inch. Do đó, `1pt` = `(1/72) / (1/96) px` = `96/72 px` = `4/3 px` ≈ 1.333px.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 24: Bạn muốn tạo một tiêu đề phụ với kích thước chữ nhỏ hơn tiêu đề chính, nhưng vẫn lớn hơn văn bản thông thường. Bạn nên sử dụng giá trị nào cho thuộc tính `font-size` để thể hiện điều này một cách tương đối?

Các giá trị tương đối như `larger` và `smaller` cho phép điều chỉnh kích thước phông chữ dựa trên kích thước hiện tại của phần tử cha hoặc kích thước mặc định, giúp duy trì tỷ lệ. `larger` làm chữ lớn hơn, `smaller` làm chữ nhỏ hơn.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 25: Xem đoạn mã CSS:
`p { font-family: 'Times New Roman', Times, serif; }`
Nếu trình duyệt của người dùng không tìm thấy phông chữ 'Times New Roman' hoặc 'Times' trên hệ thống của họ, phông chữ nào sẽ được sử dụng?

Trong thuộc tính `font-family`, danh sách các phông chữ được liệt kê theo thứ tự ưu tiên. Trình duyệt sẽ thử tìm phông chữ đầu tiên, nếu không có sẽ chuyển sang phông thứ hai, v.v. Cuối cùng, nếu không tìm thấy phông cụ thể nào, trình duyệt sẽ sử dụng phông generic được chỉ định cuối cùng trong danh sách (ở đây là `serif`), hoặc phông generic mặc định của trình duyệt nếu không có.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 26: Thuộc tính `text-transform: capitalize;` sẽ có tác dụng gì đối với văn bản?

Giá trị `capitalize` của thuộc tính `text-transform` sẽ viết hoa ký tự đầu tiên của MỖI từ trong văn bản.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 27: Bạn nhận thấy rằng các dòng văn bản trong một đoạn quá sát nhau, gây khó đọc. Thuộc tính nào cần điều chỉnh để tăng khoảng cách giữa các dòng?

Khoảng cách giữa các dòng văn bản được kiểm soát bởi thuộc tính `line-height`. Tăng giá trị của `line-height` sẽ làm tăng khoảng cách này.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 28: Giả sử bạn áp dụng CSS sau cho một đoạn văn bản:
`p { font-weight: bold; }`
`p { font-weight: normal; }`
Do nguyên tắc 'cascade' trong CSS, đoạn văn bản sẽ hiển thị với độ dày nét chữ nào?

Khi có nhiều quy tắc CSS cùng áp dụng cho một phần tử và có cùng độ ưu tiên (ở đây cả hai đều là bộ chọn phần tử `p`), quy tắc được viết sau cùng trong tệp CSS sẽ được áp dụng. Quy tắc `font-weight: normal;` được viết sau, nên nó sẽ ghi đè lên quy tắc `font-weight: bold;`.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 29: Bạn muốn sử dụng một phông chữ có chiều rộng cố định cho tất cả các ký tự, thường dùng cho mã nguồn hoặc dữ liệu dạng bảng. Loại phông chữ generic nào sau đây phù hợp nhất?

Phông chữ thuộc họ `monospace` có đặc điểm là tất cả các ký tự (chữ cái, số, ký hiệu) đều có cùng một chiều rộng. Điều này rất hữu ích khi hiển thị mã nguồn, dữ liệu dạng cột, hoặc bất kỳ nội dung nào cần căn chỉnh theo chiều dọc.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 06

Câu 30: Xem xét đoạn mã CSS sau:
`div { font-size: 20px; }`
`p { font-size: 1.2em; }`
Nếu một thẻ `

` nằm bên trong một thẻ `

`, kích thước phông chữ cuối cùng của văn bản trong thẻ `

` là bao nhiêu?

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Thuộc tính `font-size` với đơn vị `em` được tính dựa trên kích thước phông chữ của phần tử cha. Ở đây, phần tử cha là `

` có `font-size: 20px;`. Do đó, `1.2em` sẽ bằng `1.2 * 20px = 24px`.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 07

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 1: Trong CSS, một quy tắc định dạng (rule) cơ bản được cấu tạo từ những thành phần chính nào?

Bộ chọn và thuộc tính

Thuộc tính và giá trị

Bộ chọn và giá trị

Bộ chọn, thuộc tính và giá trị

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 2: Để thiết lập màu sắc cho văn bản của tất cả các đoạn văn (thẻ `

`) trên trang web thành màu xanh dương, bạn sẽ sử dụng quy tắc CSS nào?

p { text-color: blue; }

<p> { color: blue; }

p { color: blue; }

paragraph { color: blue; }

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 3: Bạn muốn tăng kích thước phông chữ của một tiêu đề cấp 2 (thẻ `

`) lên 24 pixel. Quy tắc CSS phù hợp là gì?

h2 { font-size = 24px; }

h2 { font-size: 24px; }

h2 { text-size: 24px; }

h2 { size: 24px; }

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 4: Thuộc tính CSS nào được sử dụng để thiết lập độ đậm nhạt của chữ, ví dụ như in đậm (bold) hoặc bình thường (normal)?

font-weight

font-style

text-weight

text-bold

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 5: Để làm cho văn bản trong một phần tử HTML hiển thị dưới dạng in nghiêng, bạn sử dụng thuộc tính và giá trị nào trong CSS?

text-style: italic;

font-weight: italic;

font-style: italic;

text-decoration: italic;

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 6: Bạn muốn căn lề văn bản trong một khối `div` ra giữa. Quy tắc CSS nào sau đây là đúng?

div { align: center; }

div { text-align: middle; }

div { alignment: center; }

div { text-align: center; }

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 7: Thuộc tính `text-decoration` trong CSS thường được sử dụng để làm gì?

Định dạng kiểu chữ (in đậm, in nghiêng)

Thêm các đường kẻ trang trí cho văn bản (gạch chân, gạch ngang)

Thay đổi khoảng cách giữa các dòng văn bản

Đổi màu nền cho văn bản

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 8: Để loại bỏ gạch chân mặc định trên các liên kết (thẻ ``), bạn sử dụng quy tắc CSS nào?

a { text-decoration: none; }

a { underline: false; }

a { decoration: none; }

a { text-style: no-underline; }

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 9: Bạn muốn tất cả chữ cái trong một đoạn văn bản hiển thị dưới dạng chữ hoa. Thuộc tính CSS nào giúp bạn làm điều này?

font-transform: uppercase;

text-style: uppercase;

transform: uppercase;

text-transform: uppercase;

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 10: Thuộc tính CSS nào được sử dụng để tạo khoảng thụt lề cho dòng đầu tiên của một đoạn văn bản?

margin-left

text-indent

padding-left

first-line-indent

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 11: Thuộc tính `line-height` trong CSS dùng để điều chỉnh điều gì?

Khoảng cách giữa các dòng văn bản

Khoảng cách giữa các ký tự

Khoảng cách giữa các từ

Chiều cao của toàn bộ đoạn văn bản

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 12: Nếu bạn đặt `line-height: 1.5;` cho một đoạn văn bản, điều đó có nghĩa là khoảng cách giữa các dòng sẽ là bao nhiêu so với kích thước phông chữ hiện tại của đoạn văn đó?

1.5 pixel

1.5 cm

1.5 lần kích thước phông chữ

150% của chiều cao phần tử cha

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 13: Bạn muốn tăng khoảng cách giữa các ký tự trong một tiêu đề. Thuộc tính CSS nào bạn nên sử dụng?

letter-spacing

word-spacing

char-spacing

text-spacing

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 14: Thuộc tính `word-spacing` trong CSS được dùng để làm gì?

Điều chỉnh khoảng cách giữa các ký tự

Điều chỉnh khoảng cách giữa các từ

Điều chỉnh khoảng cách giữa các dòng

Điều chỉnh khoảng cách thụt lề đầu dòng

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 15: Nếu bạn muốn ngăn văn bản bị ngắt dòng (xuống dòng) và giữ nó trên một dòng duy nhất, thuộc tính CSS nào có thể giúp bạn, và giá trị nào thường được sử dụng?

text-wrap: none;

line-break: none;

white-space: nowrap;

word-wrap: no-wrap;

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 16: Khi khai báo phông chữ bằng `font-family`, tại sao người ta thường liệt kê nhiều tên phông chữ, ví dụ: `font-family: Arial, Helvetica, sans-serif;`?

Để làm cho văn bản hiển thị nhiều phông chữ khác nhau cùng lúc.

Để trình duyệt tự động chọn phông chữ đẹp nhất.

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

Để trình duyệt có thể sử dụng phông chữ thay thế nếu phông chữ đầu tiên không có sẵn trên hệ thống người dùng.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 17: Loại phông chữ nào dưới đây có đặc điểm các ký tự có chiều rộng bằng nhau, thường dùng để hiển thị mã lập trình hoặc dữ liệu dạng bảng?

Serif

Sans-serif

Monospace

Cursive

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 18: Đơn vị đo nào trong CSS thường được sử dụng để định nghĩa kích thước phông chữ một cách linh hoạt dựa trên kích thước phông chữ của phần tử cha hoặc gốc (`root element`)?

px (pixel)

pt (point)

cm (centimeter)

em hoặc rem

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 19: Trong CSS, ký hiệu bộ chọn `*` (dấu sao) có ý nghĩa gì?

Áp dụng quy tắc cho tất cả các phần tử HTML trên trang.

Chỉ áp dụng quy tắc cho phần tử cha.

Áp dụng quy tắc cho phần tử con trực tiếp.

Chỉ áp dụng quy tắc cho các phần tử văn bản.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 20: Nếu bạn có một lớp CSS được đặt tên là `.highlight`, quy tắc CSS nào sẽ áp dụng định dạng chỉ cho các phần tử có thuộc tính `class="highlight"`?

#highlight { ... }

.highlight { ... }

highlight { ... }

*highlight { ... }

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 21: Giả sử bạn có một phần tử HTML với `id="main-title"`. Quy tắc CSS nào sẽ áp dụng định dạng chỉ cho phần tử duy nhất này?

.main-title { ... }

main-title { ... }

#main-title { ... }

*main-title { ... }

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 22: Trong nguyên tắc Cascading (xếp tầng) của CSS, nếu hai quy tắc CSS khác nhau cùng định dạng cùng một thuộc tính cho cùng một phần tử (và có độ đặc hiệu ngang nhau), quy tắc nào sẽ được áp dụng?

Quy tắc được viết đầu tiên trong tệp CSS.

Quy tắc có ít thuộc tính hơn.

Quy tắc được viết trong thẻ `<style>` nội bộ.

Quy tắc được viết sau cùng trong tệp CSS hoặc thứ tự tải CSS.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 23: Tính kế thừa (Inheritance) trong CSS có nghĩa là gì?

Một số thuộc tính CSS được áp dụng cho phần tử cha sẽ tự động áp dụng cho các phần tử con bên trong nó.

Phần tử con chỉ có thể sử dụng các thuộc tính giống hệt phần tử cha.

Chỉ có màu sắc và phông chữ mới được kế thừa.

Tính kế thừa giúp các quy tắc CSS viết sau ghi đè lên quy tắc viết trước.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 24: Thuộc tính CSS nào sau đây KHÔNG được kế thừa từ phần tử cha sang phần tử con một cách mặc định?

color

font-family

text-align

border

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 25: Điều gì xảy ra khi bạn thêm `!important` vào cuối giá trị của một thuộc tính CSS, ví dụ: `color: red !important;`?

Thuộc tính đó sẽ bị bỏ qua.

Thuộc tính đó sẽ có độ ưu tiên cao nhất, ghi đè lên hầu hết các quy tắc khác (trừ các `!important` khác hoặc inline style cụ thể hơn).

Thuộc tính đó chỉ áp dụng cho trình duyệt cụ thể.

Làm giảm độ ưu tiên của thuộc tính.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 26: Giả sử bạn có đoạn HTML `

Xin chào

`. Quy tắc CSS nào sau đây sẽ áp dụng màu đỏ cho đoạn văn này?

.intro { color: red; }

p.intro { text-color: red; }

#intro { color: red; }

p intro { color: red; }

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 27: Cho đoạn CSS sau:
```css
p { color: blue; }
.highlight { color: red; }
```
Nếu một đoạn văn `

Đoạn văn này

`, văn bản sẽ hiển thị màu gì?

Xanh dương (blue)

Đỏ (red)

Màu mặc định của trình duyệt

Cả hai màu xanh dương và đỏ xen kẽ

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 28: Bạn muốn một tiêu đề cấp 1 (`

`) có phông chữ Arial, cỡ 30px, và căn giữa. Quy tắc CSS kết hợp nào sau đây thực hiện được điều này?

h1 { font: Arial 30px; align: center; }

h1 { font-family: Arial; size: 30px; text-align: center; }

h1 { font-family: Arial; font-size: 30px; text-align: center; }

h1 { font: Arial; font-size: 30px; align: center; }

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 29: Cho quy tắc CSS sau:
```css
.article-text {
line-height: 1.6;
text-indent: 2em;
text-align: justify;
}
```
Đoạn văn bản áp dụng lớp `.article-text` sẽ có đặc điểm gì?

Khoảng cách dòng gấp 1.6 lần cỡ chữ, dòng đầu tiên thụt vào 2 lần cỡ chữ hiện tại, và văn bản được căn đều hai bên.

Chiều cao dòng là 1.6px, thụt lề 2cm, và văn bản căn giữa.

Khoảng cách giữa các ký tự là 1.6, thụt lề 2px, và văn bản căn lề trái.

Khoảng cách giữa các từ là 1.6, thụt lề 2em, và văn bản căn lề phải.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 07

Câu 30: Bạn muốn đảm bảo rằng mọi khoảng trắng thừa (như nhiều dấu cách liên tiếp hoặc xuống dòng trong mã nguồn HTML) trong một khối văn bản cụ thể sẽ được giữ nguyên và hiển thị đúng như trong mã nguồn. Thuộc tính CSS nào phù hợp nhất để kiểm soát hành vi xử lý khoảng trắng?

text-wrap

space-control

word-break

white-space
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 08

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 1: Một nhà thiết kế web muốn đặt màu chữ cho tất cả các đoạn văn bản (sử dụng thẻ `

`) trên trang web thành màu xanh dương. Quy tắc CSS nào sau đây thực hiện được yêu cầu này?

p { text-color: blue; }

p { background-color: blue; }

p { color: blue; }

p { font-color: blue; }

Câu hỏi kiểm tra cách áp dụng thuộc tính `color` để định dạng màu chữ cho một bộ chọn thẻ HTML cụ thể. Đáp án đúng sử dụng bộ chọn `p` và thuộc tính `color` với giá trị màu xanh dương.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 2: Bạn có một tiêu đề cấp 1 (`

`) mà bạn muốn căn giữa trên trang. Thuộc tính và giá trị CSS nào sau đây sẽ giúp bạn đạt được điều này?

h1 { align: center; }

h1 { vertical-align: middle; }

h1 { margin: auto; }

h1 { text-align: center; }

Câu hỏi kiểm tra kiến thức về thuộc tính căn chỉnh văn bản `text-align`. Giá trị `center` dùng để căn giữa nội dung.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 3: Cho đoạn mã CSS sau:

```css
div {
font-size: 16px;
}

p {
font-size: 1.5em;
}
```

Nếu một thẻ `

` nằm bên trong một thẻ `

`, cỡ chữ của đoạn văn bản đó sẽ là bao nhiêu?

16px

24px

1.5px

Không xác định được

Câu hỏi yêu cầu phân tích cách tính toán kích thước phông chữ khi sử dụng đơn vị `em`, vốn phụ thuộc vào kích thước phông chữ của phần tử cha. `1.5em` của `p` sẽ là 1.5 lần kích thước phông chữ của `div` là 16px. 1.5 * 16px = 24px.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 4: Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng cách giữa các dòng văn bản trong một đoạn?

line-height

text-spacing

margin-bottom

padding-bottom

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách dòng. Thuộc tính `line-height` được sử dụng cho mục đích này.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 5: Bạn muốn tạo một hiệu ứng cho văn bản, trong đó tất cả các ký tự đều được chuyển thành chữ hoa, bất kể cách chúng được gõ trong HTML. Thuộc tính CSS nào sẽ giúp bạn làm điều này?

font-variant: uppercase;

text-decoration: uppercase;

text-transform: uppercase;

font-style: uppercase;

Câu hỏi kiểm tra thuộc tính biến đổi văn bản. `text-transform: uppercase;` sẽ chuyển tất cả ký tự thành chữ hoa.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 6: Trong các loại phông chữ chung (generic font families) được CSS hỗ trợ, loại nào thường có các nét gạch nhỏ hoặc 'chân' ở cuối các nét chữ?

Sans-serif

Serif

Monospace

Cursive

Câu hỏi kiểm tra kiến thức về các loại phông chữ chung. Phông chữ `serif` được đặc trưng bởi các nét gạch nhỏ (serifs).

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 7: Bạn muốn làm cho dòng đầu tiên của mỗi đoạn văn bản trong một bài viết bị thụt vào một khoảng nhất định. Thuộc tính CSS nào phù hợp nhất cho mục đích này?

text-indent

margin-left

padding-left

first-line-indent

Câu hỏi kiểm tra thuộc tính thụt lề dòng đầu tiên. `text-indent` được sử dụng để thiết lập khoảng cách thụt lề cho dòng đầu tiên của khối văn bản.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 8: Cho đoạn mã HTML và CSS sau:

```html

Đây là đoạn văn bản.

```

```css
.container {
color: green;
}

p {
color: red;
}
```

Màu chữ cuối cùng của đoạn văn bản bên trong thẻ `

` sẽ là gì, và tại sao?

Xanh lá cây, vì `div` là phần tử cha.

Xanh lá cây, vì quy tắc cho `.container` được viết trước.

Đỏ, vì `p` nằm bên trong `.container`.

Đỏ, vì quy tắc cho `p` có độ đặc hiệu cao hơn.

Câu hỏi yêu cầu phân tích nguyên tắc ưu tiên (specificity) trong CSS. Quy tắc `p { color: red; }` áp dụng trực tiếp cho thẻ `

` có độ đặc hiệu cao hơn so với quy tắc `.container { color: green; }` được kế thừa từ phần tử cha `div`. Do đó, màu chữ sẽ là đỏ.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 9: Thuộc tính CSS nào được sử dụng để tạo hiệu ứng gạch chân (underline) cho văn bản?

border-bottom

text-decoration

font-style

text-underline

Câu hỏi kiểm tra thuộc tính trang trí văn bản. `text-decoration: underline;` tạo hiệu ứng gạch chân.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 10: Bạn muốn thiết lập độ dày nét chữ cho một phần tử thành in đậm. Thuộc tính và giá trị nào sau đây là đúng?

font-weight: bold;

text-weight: bold;

font-style: bold;

text-decoration: bold;

Câu hỏi kiểm tra thuộc tính độ dày nét chữ. `font-weight: bold;` hoặc `font-weight: 700;` làm cho chữ in đậm.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 11: Đơn vị đo lường `rem` trong CSS, khi sử dụng cho `font-size`, tham chiếu đến kích thước phông chữ của phần tử nào?

Phần tử cha trực tiếp

Phần tử có thuộc tính `font-size` được định nghĩa gần nhất

Kích thước phông chữ mặc định của trình duyệt

Phần tử gốc (root element), thường là `<html>`

Câu hỏi kiểm tra kiến thức về đơn vị `rem`. `rem` (root em) tham chiếu đến kích thước phông chữ của phần tử gốc (thường là ``).

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 12: Bạn có một đoạn văn bản dài và muốn các từ trong đoạn đó được phân bổ đều trên chiều rộng của container, ngoại trừ dòng cuối cùng. Giá trị nào của thuộc tính `text-align` sẽ làm điều này?

center

left

justify

right

Câu hỏi kiểm tra thuộc tính căn chỉnh văn bản `text-align`. Giá trị `justify` làm cho văn bản được căn đều hai bên.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 13: Thuộc tính `font-style: italic;` trong CSS được sử dụng để làm gì?

Hiển thị văn bản theo kiểu chữ nghiêng

Hiển thị văn bản in đậm

Hiển thị văn bản gạch chân

Hiển thị văn bản với nét chữ mảnh

Câu hỏi kiểm tra thuộc tính kiểu chữ. `font-style: italic;` làm cho văn bản hiển thị theo kiểu chữ nghiêng.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 14: Thuộc tính `white-space: nowrap;` có tác dụng gì đối với văn bản trong một phần tử?

Giữ lại tất cả khoảng trắng và ngắt dòng như trong mã nguồn HTML

Thu gọn nhiều khoảng trắng thành một, nhưng vẫn ngắt dòng

Thu gọn nhiều khoảng trắng thành một, không ngắt dòng tự động, chỉ ngắt dòng khi có `<br>`

Ngăn văn bản tự động ngắt dòng, trừ khi có thẻ `<br>`

Câu hỏi kiểm tra thuộc tính xử lý khoảng trắng. `white-space: nowrap;` ngăn văn bản tự động ngắt dòng (trừ khi có thẻ `
`).

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 15: Bạn muốn sử dụng thuộc tính viết tắt `font` để thiết lập đồng thời kiểu chữ (italic), độ dày (bold), kích thước (16px), chiều cao dòng (1.5) và họ phông chữ (Arial, không chân). Cú pháp nào sau đây là đúng?

font: bold italic 16px Arial, sans-serif / 1.5;

font: italic bold 16px/1.5 Arial, sans-serif;

font: 16px 1.5 italic bold Arial, sans-serif;

font: Arial, sans-serif 16px/1.5 italic bold;

Câu hỏi yêu cầu áp dụng cú pháp của thuộc tính viết tắt `font`. Thứ tự đúng là: `font-style font-weight font-size/line-height font-family`. Các giá trị `font-variant` có thể đứng trước `font-weight`.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 16: Khi nào thì thuộc tính `text-decoration: none;` thường được sử dụng trong CSS?

Để loại bỏ gạch chân mặc định của các liên kết (thẻ `<a>`)

Để làm cho văn bản không hiển thị

Để ngăn văn bản ngắt dòng

Để làm cho văn bản trong suốt

Câu hỏi kiểm tra ứng dụng thực tế của `text-decoration: none;`. Nó thường được sử dụng để loại bỏ gạch chân mặc định của các thẻ liên kết (``).

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 17: Giả sử bạn có một đoạn văn bản tiếng Anh và muốn hiển thị ký tự đầu tiên của mỗi từ dưới dạng chữ hoa, còn lại là chữ thường. Giá trị nào của thuộc tính `text-transform` sẽ làm được điều này?

uppercase

capitalize

lowercase

full-width

Câu hỏi kiểm tra các giá trị của `text-transform`. `capitalize` chuyển ký tự đầu tiên của mỗi từ thành chữ hoa.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 18: Thuộc tính `letter-spacing` trong CSS dùng để làm gì?

Thiết lập khoảng cách giữa các từ

Thiết lập khoảng cách giữa các dòng

Thiết lập khoảng cách giữa các ký tự

Thiết lập khoảng cách thụt lề dòng đầu tiên

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách ký tự. `letter-spacing` thiết lập khoảng cách giữa các ký tự trong văn bản.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 19: Thuộc tính `word-spacing` trong CSS dùng để làm gì?

Thiết lập khoảng cách giữa các từ

Thiết lập khoảng cách giữa các ký tự

Thiết lập khoảng cách giữa các dòng

Thiết lập khoảng cách thụt lề dòng đầu tiên

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách từ. `word-spacing` thiết lập khoảng cách giữa các từ trong văn bản.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 20: Bạn muốn sử dụng một họ phông chữ cụ thể (ví dụ: 'Times New Roman'), nhưng nếu phông chữ đó không có sẵn trên hệ thống của người dùng, bạn muốn trình duyệt sử dụng một họ phông chữ thay thế (ví dụ: 'Georgia') và cuối cùng là một loại phông chữ chung (`serif`). Cú pháp đúng cho thuộc tính `font-family` là gì?

font-family: 'Times New Roman', 'Georgia', serif;

font-family: ('Times New Roman', 'Georgia', serif);

font-family: "Times New Roman", Georgia, serif;

font-family: Times New Roman | Georgia | serif;

Câu hỏi kiểm tra cách chỉ định nhiều phông chữ trong `font-family` theo thứ tự ưu tiên. Các phông chữ được liệt kê cách nhau bằng dấu phẩy, với phông chữ chung ở cuối làm phương án dự phòng.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 21: Đơn vị đo lường `px` (pixel) trong CSS, khi sử dụng cho `font-size`, có đặc điểm gì so với các đơn vị tương đối như `em` hay `rem`?

Là đơn vị tuyệt đối, kích thước không thay đổi dựa trên phần tử cha hoặc gốc.

Kích thước thay đổi dựa trên kích thước phông chữ của phần tử cha.

Kích thước thay đổi dựa trên kích thước phông chữ của phần tử gốc (<html>).

Là đơn vị tương đối, phụ thuộc vào cài đặt của người dùng.

Câu hỏi kiểm tra sự hiểu biết về đơn vị tuyệt đối `px`. `px` là đơn vị cố định, không thay đổi kích thước dựa trên phần tử cha hoặc phần tử gốc, điều này có thể gây khó khăn cho khả năng mở rộng (zoom) văn bản.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 22: Bạn muốn hiển thị văn bản theo kiểu chữ của máy đánh chữ hoặc mã nguồn, nơi mỗi ký tự có cùng chiều rộng. Loại phông chữ chung nào phù hợp nhất?

Serif

Sans-serif

Cursive

Monospace

Câu hỏi kiểm tra kiến thức về loại phông chữ `monospace`. Phông chữ `monospace` có chiều rộng của tất cả các ký tự là như nhau.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 23: Thuộc tính `font-variant: small-caps;` có tác dụng gì?

Chuyển tất cả các ký tự thành chữ hoa.

Hiển thị chữ thường dưới dạng chữ hoa có kích thước nhỏ hơn.

Hiển thị ký tự đầu tiên của mỗi từ thành chữ hoa.

Hiển thị văn bản theo kiểu chữ viết tay.

Câu hỏi kiểm tra thuộc tính `font-variant`. `small-caps` hiển thị chữ thường dưới dạng chữ hoa có kích thước nhỏ hơn.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 24: Khi sử dụng thuộc tính `line-height` với một giá trị không có đơn vị (ví dụ: `line-height: 1.5;`), giá trị này được hiểu như thế nào?

Là một hệ số nhân với kích thước phông chữ của chính phần tử đó.

Là số pixel cố định cho chiều cao dòng.

Là phần trăm của chiều cao dòng mặc định.

Là số `em` tính từ phần tử cha.

Câu hỏi kiểm tra cách hiểu giá trị không đơn vị của `line-height`. Giá trị này là một hệ số nhân với kích thước phông chữ của chính phần tử đó, và giá trị tính toán này được kế thừa bởi các phần tử con.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 25: Bạn có một danh sách các mục (`

`) trong một thẻ `
`. Bạn muốn màu chữ của các mục danh sách là xám, trừ mục đầu tiên (`

:first-child`) có màu xanh lá cây. Đoạn CSS nào sau đây thực hiện được điều này?

ul li { color: gray; } ul li:first-child { color: green; }

li:first-child { color: green; } ul li { color: gray; }

li { color: gray; } li:first-child { color: green; }

li { color: green; } li:first-child { color: gray; }

Câu hỏi yêu cầu áp dụng bộ chọn và nguyên tắc ưu tiên. Quy tắc `li { color: gray; }` áp dụng cho tất cả `li`. Quy tắc `li:first-child { color: green; }` sử dụng bộ chọn giả lớp có độ đặc hiệu cao hơn, ghi đè màu xám cho mục đầu tiên.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 26: Nếu bạn đặt `font-weight: lighter;` hoặc `font-weight: bolder;`, độ dày nét chữ cuối cùng sẽ được tính toán dựa trên yếu tố nào?

Độ dày nét chữ mặc định của trình duyệt.

Độ dày nét chữ của phần tử cha.

Kích thước phông chữ của phần tử.

Họ phông chữ đang được sử dụng.

Câu hỏi kiểm tra cách hoạt động của các giá trị tương đối `lighter` và `bolder` cho `font-weight`. Chúng tính toán độ dày dựa trên độ dày nét chữ của phần tử cha.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 27: Bạn muốn đảm bảo rằng văn bản trong một phần tử không bị ngắt dòng và bất kỳ phần nào vượt quá kích thước container sẽ bị ẩn đi. Thuộc tính `white-space: nowrap;` cần được kết hợp với thuộc tính nào khác để đạt được hiệu ứng này?

text-overflow: ellipsis;

word-break: break-all;

display: inline-block;

overflow: hidden;

Câu hỏi yêu cầu kết hợp các thuộc tính để xử lý tràn nội dung khi ngăn ngắt dòng. `white-space: nowrap;` ngăn ngắt dòng, và `overflow: hidden;` sẽ ẩn phần nội dung bị tràn ra ngoài container.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 28: Sự khác biệt chính giữa đơn vị `em` và `rem` khi đặt `font-size` là gì?

`em` dựa trên kích thước mặc định của trình duyệt, còn `rem` dựa trên kích thước của phần tử cha.

`em` chỉ dùng cho `font-size`, còn `rem` dùng cho mọi thuộc tính kích thước.

`em` dựa trên kích thước phông chữ của phần tử cha, còn `rem` dựa trên kích thước phông chữ của phần tử gốc.

`em` là đơn vị tuyệt đối, còn `rem` là đơn vị tương đối.

Câu hỏi kiểm tra sự khác biệt cơ bản giữa `em` và `rem`. `em` dựa trên `font-size` của phần tử cha, trong khi `rem` dựa trên `font-size` của phần tử gốc (``).

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 29: Cho đoạn mã HTML và CSS sau:

```html

Đoạn văn bản.

```

Màu chữ của đoạn văn bản này sẽ là gì, và tại sao?

Xanh dương, vì quy tắc trong thẻ `<style>` được viết sau.

Đỏ, vì CSS nội tuyến (inline style) có độ ưu tiên cao nhất.

Xanh dương, vì bộ chọn thẻ `p` đơn giản hơn.

Màu mặc định của trình duyệt, vì có sự xung đột.

Câu hỏi kiểm tra nguyên tắc ưu tiên giữa CSS nội tuyến (inline) và CSS nhúng (internal/external). CSS nội tuyến có độ ưu tiên cao nhất và sẽ ghi đè các quy tắc khác.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 08

Câu 30: Bạn muốn tạo một danh sách các từ khóa (``) và muốn mỗi từ khóa có khoảng cách giữa các chữ cái rộng hơn bình thường. Thuộc tính nào sau đây được sử dụng để tăng khoảng cách giữa các chữ cái?

letter-spacing

word-spacing

text-spacing

char-spacing
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách ký tự. `letter-spacing` được sử dụng để điều chỉnh khoảng cách giữa các chữ cái.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 09

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-family

font-size

font-weight

font-style

Thuộc tính `font-family` trong CSS được sử dụng để chỉ định danh sách các phông chữ ưu tiên mà trình duyệt nên sử dụng để hiển thị văn bản. Các thuộc tính khác như `font-size`, `font-weight`, `font-style` dùng để định dạng kích thước, độ đậm, kiểu nghiêng của chữ.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

p { text-color: blue; }

<p> { color: blue; }

p { color: blue; }

paragraph { color: blue; }

Để định dạng màu chữ, ta sử dụng thuộc tính `color`. Để áp dụng cho tất cả thẻ `

`, ta sử dụng bộ chọn `p`. Cú pháp đúng là `selector { property: value; }`.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thiết lập khoảng cách giữa các từ.

Thiết lập khoảng cách giữa các dòng văn bản.

Thiết lập khoảng cách giữa các ký tự.

Thiết lập chiều cao của toàn bộ đoạn văn bản.

`line-height` là thuộc tính dùng để kiểm soát khoảng cách giữa các đường cơ sở (baseline) của các dòng văn bản trong một phần tử. Nó ảnh hưởng đến khoảng cách dọc giữa các dòng.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

align: center;

vertical-align: middle;

margin: auto;

text-align: center;

Thuộc tính `text-align` được sử dụng để căn chỉnh văn bản theo chiều ngang. Giá trị `center` dùng để căn giữa.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-indent: 30px;

margin-left: 30px;

padding-left: 30px;

first-line-indent: 30px;

`text-indent` là thuộc tính được thiết kế đặc biệt để thụt lề dòng đầu tiên của một khối văn bản. Giá trị được chỉ định (ví dụ: `30px`) xác định khoảng cách thụt lề.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Kích thước chữ của đoạn văn bản sẽ giữ nguyên kích thước mặc định của trình duyệt.

Kích thước chữ của đoạn văn bản sẽ nhỏ hơn kích thước của thẻ div.

Kích thước chữ của đoạn văn bản sẽ được kế thừa từ thẻ div và lớn hơn kích thước mặc định.

Kích thước chữ của đoạn văn bản sẽ không bị ảnh hưởng.

Tính kế thừa trong CSS cho phép các thuộc tính của phần tử cha (như `font-size`, `color`, `font-family`,...) được áp dụng cho các phần tử con, trừ khi phần tử con có quy tắc định dạng riêng cho thuộc tính đó. Do đó, các đoạn văn bản sẽ kế thừa kích thước chữ từ thẻ `div` cha.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-style

font-weight

text-decoration

text-transform

`font-weight` là thuộc tính CSS được sử dụng để thiết lập độ dày (độ đậm) của phông chữ, với các giá trị phổ biến như `normal`, `bold`, hoặc các giá trị số từ 100 đến 900.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Kích thước phông chữ của phần tử cha gần nhất.

Kích thước phông chữ mặc định của trình duyệt (thường là 16px).

Kích thước màn hình thiết bị.

Kích thước của phần tử gốc (root element - html).

Đơn vị `em` là một đơn vị tương đối. Khi dùng cho `font-size`, nó tương đối so với kích thước phông chữ của chính phần tử cha gần nhất. Khi dùng cho các thuộc tính khác (như `padding`, `margin`), nó tương đối so với kích thước phông chữ của *chính phần tử đó*.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Tất cả các ký tự có chiều rộng bằng nhau.

Không có các nét nhỏ ở cuối các nét chính của chữ.

Thiết kế giống chữ viết tay.

Có các nét nhỏ (chân) ở cuối các nét chính của chữ cái.

Phông chữ 'Serif' được đặc trưng bởi các 'chân' hoặc nét nhỏ thêm vào cuối các nét chính của chữ cái. Đây là một trong những phân loại phông chữ cơ bản trong typographic.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Màu đỏ (red)

Màu đen (mặc định)

Màu xanh dương (blue)

Không xác định được.

Thuộc tính `color` là một thuộc tính có tính kế thừa. Thẻ `

` là phần tử con của thẻ `

`. Do thẻ `

` được định dạng màu đỏ và thẻ `

` không có định dạng màu riêng, nó sẽ kế thừa màu đỏ từ phần tử cha.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-style

font-decoration

text-decoration

border-bottom

`text-decoration` là thuộc tính dùng để th??m các đường trang trí cho văn bản. Các giá trị phổ biến là `underline` (gạch chân), `overline` (gạch trên), `line-through` (gạch ngang), và `none` (bỏ trang trí).

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Có nhiều kiểu trang trí phức tạp.

Không có các nét nhỏ (chân), giúp dễ đọc trên màn hình.

Tất cả các ký tự có chiều rộng bằng nhau.

Thiết kế mô phỏng chữ viết tay.

Phông chữ 'Sans-serif' không có 'chân' ở cuối các nét chính. Điều này giúp các chữ cái hiển thị rõ ràng hơn, đặc biệt ở kích thước nhỏ và trên màn hình có độ phân giải thấp, làm cho việc đọc trên màn hình trở nên dễ dàng hơn so với phông Serif.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-align: justify;

text-align: left;

text-align: right;

text-align: distributed;

`text-align: justify;` được sử dụng để căn đều văn bản, làm cho các dòng (ngoại trừ dòng cuối cùng hoặc dòng chỉ có một từ) được giãn ra để cả lề trái và lề phải đều thẳng hàng.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

15px

30px

1.5px

Kích thước mặc định của trình duyệt.

Khi `line-height` được đặt bằng một giá trị số không kèm đơn vị, nó được hiểu là tỉ lệ so với `font-size` của chính phần tử đó. Khoảng cách dòng = `font-size` * `line-height` số. Do đó, 20px * 1.5 = 30px.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thiết lập độ đậm nhạt của chữ.

Thiết lập khoảng cách giữa các ký tự.

Thiết lập kiểu phông chữ (Arial, Times New Roman...).

Thiết lập kiểu chữ nghiêng (italic) hoặc bình thường (normal).

`font-style` được sử dụng để thiết lập kiểu chữ nghiêng (`italic`) hoặc kiểu nghiêng mô phỏng (`oblique`), hoặc kiểu chữ bình thường (`normal`).

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Có chân ở cuối các nét chính.

Thiết kế giống chữ viết tay.

Tất cả các ký tự có chiều rộng bằng nhau.

Không có chân và rất dễ đọc trên màn hình.

Phông chữ 'Monospace' có đặc điểm là tất cả các ký tự (chữ cái, số, ký hiệu) đều có chiều rộng bằng nhau. Điều này rất hữu ích khi hiển thị mã lập trình hoặc dữ liệu dạng bảng, giúp các cột ký tự thẳng hàng và dễ đọc hơn.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Các quy tắc CSS được áp dụng trực tiếp cho bộ chọn tương ứng. Quy tắc `h2 { color: green; }` áp dụng màu xanh lá cho thẻ `

`. Quy tắc `p { color: blue; }` áp dụng màu xanh dương cho thẻ `

`. Tính kế thừa từ thẻ `

` mặc định không ảnh hưởng vì `

` và `

` đã có quy tắc `color` riêng.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Đơn vị tuyệt đối, kích thước cố định.

Đơn vị tương đối so với phần tử cha.

Đơn vị tương đối so với kích thước màn hình.

Đơn vị tương đối so với phần tử gốc (html).

`px` là đơn vị đo lường tuyệt đối trong CSS. Kích thước được xác định bằng pixel sẽ cố định và không thay đổi dựa trên kích thước phông chữ của phần tử cha hoặc gốc.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-variant: uppercase;

text-style: uppercase;

font-transform: uppercase;

text-transform: uppercase;

`text-transform` là thuộc tính dùng để kiểm soát việc viết hoa của văn bản. Giá trị `uppercase` chuyển toàn bộ văn bản thành chữ in hoa.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

line-height: 32px;

line-height: 200%;

Cả A và B đều đúng.

line-height: double;

Để khoảng cách dòng gấp đôi kích thước chữ, bạn có thể sử dụng giá trị số `2.0` (tỉ lệ) hoặc giá trị phần trăm `200%` (200% của 16px = 32px). Giá trị số thường được ưa dùng vì nó kế thừa tỉ lệ, không phải giá trị tính toán cuối cùng.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Có chân ở cuối nét chữ.

Mô phỏng chữ viết tay hoặc thư pháp.

Tất cả ký tự có chiều rộng bằng nhau.

Không có chân và dễ đọc.

Phông chữ 'Cursive' được thiết kế để mô phỏng chữ viết tay hoặc thư pháp, thường có các nét nối liền hoặc uốn lượn.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-size

line-height

text-indent

Cả B và C.

`font-size` là thuộc tính chính để điều chỉnh kích thước phông chữ. `line-height` điều chỉnh khoảng cách dòng, `text-indent` thụt lề dòng đầu tiên, và `text-align` căn chỉnh ngang. Chúng không thay đổi kích thước chữ.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Kích thước phông chữ của phần tử cha.

Kích thước phông chữ mặc định của trình duyệt.

Kích thước màn hình thiết bị.

Kích thước phông chữ của phần tử gốc (html).

Khi `font-size` sử dụng đơn vị phần trăm (%), nó được tính dựa trên kích thước phông chữ của phần tử cha.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

h1 p { color: red; font-weight: bold; }

h1 > p { color: red; font-weight: bold; }

h1 and p { color: red; font-weight: bold; }

h1, p { color: red; font-weight: bold; }

Trong CSS, bạn có thể nhóm nhiều bộ chọn bằng cách phân tách chúng bằng dấu phẩy (,). Điều này cho phép áp dụng cùng một khối khai báo `{ property: value; ... }` cho nhiều phần tử khác nhau.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Hiển thị chữ thường dưới dạng chữ in hoa nhỏ hơn.

Hiển thị toàn bộ văn bản dưới dạng chữ in hoa.

Hiển thị chữ thường dưới dạng chữ in hoa cùng kích thước.

Hiển thị chữ cái đầu tiên của mỗi từ dưới dạng chữ in hoa.

`font-variant: small-caps;` hiển thị tất cả các chữ cái thường dưới dạng chữ in hoa nhưng với kích thước nhỏ hơn so với chữ in hoa ban đầu, trong khi chữ in hoa ban đầu vẫn giữ nguyên kích thước.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-family, font-size, font-weight, font-style

font-size, font-family, font-weight, font-style

font-style, font-variant, font-weight, font-size/line-height, font-family

font-weight, font-style, font-size, font-family, line-height

Thuộc tính `font` là thuộc tính viết tắt cho `font-style`, `font-variant`, `font-weight`, `font-size`, `line-height`, và `font-family`. Thứ tự đúng phổ biến là: `font-style` `font-variant` `font-weight` `font-size`/`line-height` `font-family`. `font-size` và `font-family` là bắt buộc, và `font-size` phải đứng trước `line-height` (nếu có, cách nhau bởi dấu gạch chéo `/`).

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

a { text-style: none; }

a { text-decoration: none; }

a { border-bottom: none; }

a { underline: none; }

Đường gạch chân của liên kết là một dạng trang trí văn bản. Thuộc tính `text-decoration` với giá trị `none` sẽ loại bỏ các đường trang trí này.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Chiều cao dòng của phần tử cha.

Kích thước phông chữ mặc định của trình duyệt.

Chiều cao của phần tử chứa nó.

Kích thước phông chữ của chính phần tử đó.

Khi `line-height` được đặt với đơn vị tương đối như `em`, nó sẽ tương đối so với `font-size` của *chính phần tử đó*. Nếu `font-size` được kế thừa, thì `line-height` cũng sẽ được tính dựa trên kích thước phông chữ đã kế thừa.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

.special-text { font-family: Verdana; font-size: 14px; color: #666; }

.special-text { font: Verdana 14px #666; }

.special-text { text-font: Verdana; text-size: 14px; text-color: #666; }

.special-text { family: Verdana; size: 14px; color: #666; }

Các thuộc tính `font-family`, `font-size`, và `color` được sử dụng để thiết lập kiểu phông, kích thước và màu sắc. Cú pháp đúng cho một quy tắc CSS là `selector { property1: value1; property2: value2; ... }`.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

left

right

center

justify
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

`text-align: justify;` là giá trị được sử dụng để căn đều văn bản, tức là làm cho các dòng văn bản (trừ dòng cuối) được giãn ra để cả hai lề trái và phải đều thẳng hàng.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS - Đề 10

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-color: blue; cho bộ chọn p

color: blue; cho bộ chọn p

text-color: blue; cho bộ chọn p

background-color: blue; cho bộ chọn p

Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để định dạng màu chữ và cách áp dụng nó cho một bộ chọn cụ thể. Thuộc tính `color` được sử dụng để thiết lập màu chữ. Cú pháp `p { color: blue; }` áp dụng màu xanh cho tất cả thẻ `

`.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

padding-left: 2em; cho bộ chọn article p

margin-left: 2em; cho bộ chọn article p

text-indent: 2em; cho bộ chọn article p

first-line-indent: 2em; cho bộ chọn article p

Câu hỏi kiểm tra khả năng áp dụng thuộc tính thụt lề dòng đầu tiên (`text-indent`) kết hợp với việc chọn đúng phần tử (`article p`). Giá trị `2em` là một đơn vị phổ biến cho thụt lề.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-align: center;

align: center;

vertical-align: middle;

margin: auto;

Câu hỏi kiểm tra thuộc tính căn chỉnh văn bản. Thuộc tính `text-align` được sử dụng để căn chỉnh nội dung văn bản bên trong một phần tử. Giá trị `center` dùng để căn giữa.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Khoảng cách giữa các dòng là cố định 1.5 pixel.

Khoảng cách giữa các dòng là cố định 1.5 em.

Khoảng cách giữa các dòng là 150% của chiều cao phần tử chứa nó.

Khoảng cách giữa các đường cơ sở của các dòng là 1.5 lần chiều cao phông chữ của phần tử.

Câu hỏi kiểm tra sự hiểu biết về thuộc tính `line-height` khi sử dụng giá trị không đơn vị. Giá trị này là một hệ số nhân với chiều cao phông chữ hiện tại của phần tử, thiết lập khoảng cách giữa các đường cơ sở của dòng là 1.5 lần chiều cao phông chữ.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Một thuộc tính được viết sau trong tệp CSS sẽ ghi đè thuộc tính được viết trước.

Một số thuộc tính CSS được áp dụng cho phần tử cha cũng sẽ được áp dụng cho các phần tử con của nó.

Các bộ chọn cụ thể hơn sẽ ghi đè các bộ chọn tổng quát hơn.

Thuộc tính được đánh dấu `!important` sẽ luôn được ưu tiên cao nhất.

Câu hỏi kiểm tra khái niệm cơ bản về tính kế thừa trong CSS. Một số thuộc tính (như `color`, `font-family`, `font-size`) được tự động áp dụng từ phần tử cha sang phần tử con nếu phần tử con không có định nghĩa riêng cho thuộc tính đó.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Arial (hoặc sans-serif nếu Arial không có sẵn).

Phông chữ mặc định của trình duyệt.

Không có phông chữ nào được áp dụng.

Phông chữ của phần tử HTML gốc.

Câu hỏi kiểm tra sự hiểu biết về tính kế thừa của thuộc tính `font-family`. Thuộc tính này được kế thừa từ phần tử cha (`body`) sang phần tử con (`p`).

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

.all { color: #ccc; }

#all { color: #ccc; }

element { color: #ccc; }

* { color: #ccc; }

Câu hỏi kiểm tra cách sử dụng bộ chọn phổ quát (`*`) để áp dụng một quy tắc CSS cho tất cả các phần tử trên trang. Thuộc tính `color` dùng để đổi màu chữ.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Đỏ

Xanh dương

Cả đỏ và xanh dương

Không màu

Câu hỏi kiểm tra nguyên tắc 'cascading' cơ bản khi các quy tắc có cùng độ ưu tiên áp dụng cho cùng một phần tử. Quy tắc được khai báo sau cùng trong mã CSS sẽ ghi đè quy tắc được khai báo trước đó.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Sử dụng bộ chọn ID: `#myHeading { color: green; }` (với `<h2 id="myHeading">`)

Sử dụng bộ chọn class: `.greenHeading { color: green; }` (với `<h2 class="greenHeading">`)

Kết hợp bộ chọn: `body h2 { color: green; }`

Chỉ cần đảm bảo quy tắc `h2 { color: green; }` được viết sau cùng trong tệp CSS.

Câu hỏi kiểm tra các cách tăng độ ưu tiên (specificity) của bộ chọn trong CSS. Sử dụng class, ID, hoặc kết hợp bộ chọn làm tăng specificity. Sử dụng `!important` cũng tăng ưu tiên nhưng câu hỏi loại trừ nó. Chỉ đơn giản là viết quy tắc sau cùng (nếu specificity bằng nhau) mới có tác dụng, nhưng nếu có quy tắc khác với specificity cao hơn được viết trước đó thì nó sẽ bị ghi đè. Do đó, viết sau cùng chỉ có tác dụng khi specificity bằng hoặc thấp hơn các quy tắc trước đó.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thiết lập kiểu chữ (ví dụ: in nghiêng).

Thiết lập kích thước chữ.

Thiết lập độ dày nét chữ (ví dụ: in đậm).

Thiết lập khoảng cách giữa các ký tự.

Câu hỏi kiểm tra chức năng của thuộc tính `font-weight`. Thuộc tính này kiểm soát độ đậm nhạt của chữ.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

a:hover { text-decoration: none; }

a.hover { text-decoration: none; }

a > hover { text-decoration: none; }

a[hover] { text-decoration: none; }

Câu hỏi kiểm tra việc sử dụng giả lập lớp `:hover` kết hợp với bộ chọn phần tử (`a`) và thuộc tính `text-decoration` để kiểm soát gạch chân của văn bản liên kết khi di chuột.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Đoạn 1: Đỏ, Đoạn 2: Xanh lá cây

Đoạn 1: Đỏ, Đoạn 2: Đỏ

Đoạn 1: Xanh lá cây, Đoạn 2: Đỏ

Đoạn 1: Xanh lá cây, Đoạn 2: Xanh lá cây

Câu hỏi kiểm tra nguyên tắc ưu tiên (specificity) của bộ chọn. Bộ chọn `.container p` (class + element) có specificity cao hơn bộ chọn `p` (element). Do đó, quy tắc `.container p` sẽ được áp dụng cho đoạn văn bản bên trong `div.container`, còn quy tắc `p` sẽ áp dụng cho đoạn văn bản thứ hai nằm ngoài `div.container`.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-size: 16;

font-size: 16px;

text-size: 16px;

size: 16px;

Câu hỏi kiểm tra thuộc tính `font-size` và đơn vị pixel. Cú pháp `div { font-size: 16px; }` là đúng.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Serif

Sans-serif

Monospace

Cursive

Câu hỏi kiểm tra kiến thức về các loại phông chữ cơ bản trong CSS. Phông chữ Serif được đặc trưng bởi các 'chân' ở cuối nét chữ.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Serif

Sans-serif

Monospace

Fantasy

Câu hỏi kiểm tra kiến thức về loại phông chữ Monospace, nơi mỗi ký tự chiếm cùng một khoảng không gian ngang.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

normal

lighter

italic

bold

Câu hỏi kiểm tra các giá trị phổ biến của thuộc tính `font-weight`. Giá trị `bold` hoặc giá trị số `700` thường được sử dụng để làm chữ in đậm.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

12px

24px

20px

1.2px

Câu hỏi kiểm tra cách đơn vị `em` hoạt động. `1em` tương đương với kích thước phông chữ của phần tử cha. Do đó, `1.2em` sẽ là `1.2 * 20px = 24px`.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

#content { align: justify; }

.content { text-align: justify; }

#content { text-align: justify; }

div#content { align-text: justify; }

Câu hỏi kiểm tra cách sử dụng thuộc tính `text-align` với giá trị `justify` và áp dụng cho bộ chọn ID.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

letter-spacing

word-spacing

line-height

text-indent

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách giữa các ký tự. Thuộc tính `letter-spacing` thực hiện chức năng này.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

ul > li { text-color: red; }

ul li { color: red; }

li { color: red; }

ul + li { color: red; }

Câu hỏi kiểm tra cách sử dụng bộ chọn kết hợp (combinator selector) để chọn các phần tử con trực tiếp hoặc gián tiếp. `ul li` chọn tất cả các `

` là con (trực tiếp hoặc gián tiếp) của `
`. `color: red;` thiết lập màu chữ.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

underline

overline

none

line-through

Câu hỏi kiểm tra các giá trị của thuộc tính `text-decoration`. Giá trị `line-through` tạo hiệu ứng gạch ngang.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Văn bản hiển thị dưới dạng chữ nghiêng.

Văn bản hiển thị dưới dạng chữ in đậm.

Văn bản hiển thị dưới dạng chữ gạch chân.

Văn bản hiển thị dưới dạng chữ viết hoa.

Câu hỏi kiểm tra chức năng của thuộc tính `font-style`. Giá trị `italic` làm cho văn bản hiển thị dưới dạng chữ nghiêng.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

18px

20px

36px

2px

Câu hỏi kiểm tra cách tính toán `line-height` khi sử dụng giá trị không đơn vị. Giá trị không đơn vị nhân với `font-size` của phần tử. `2 * 18px = 36px`.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Màu: Đen, Kích thước: 16px

Màu: Vàng, Kích thước: 16px

Màu: Đen, Kích thước: 20px

Màu: Vàng, Kích thước: 20px

Câu hỏi kiểm tra nguyên tắc ưu tiên của CSS, bao gồm bộ chọn (element, class, ID) và `!important`. Đối với `color`: `.highlight` (class) có specificity cao hơn `p` (element), nên màu là vàng. Đối với `font-size`: `#intro` (ID) có `!important`, nên nó có ưu tiên cao nhất và kích thước là 20px.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

lowercase

uppercase

capitalize

none

Câu hỏi kiểm tra thuộc tính `text-transform`. Giá trị `uppercase` được sử dụng để hiển thị văn bản dưới dạng chữ in hoa.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

letter-spacing

line-height

word-spacing

text-indent

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách giữa các từ. Thuộc tính `word-spacing` thực hiện chức năng này.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Để trình duyệt có thể sử dụng phông chữ thay thế nếu phông chữ đầu tiên không có sẵn trên hệ thống của người dùng.

Để làm tăng tốc độ tải trang.

Để tạo hiệu ứng động cho phông chữ.

Để trình duyệt tự động chọn phông chữ đẹp nhất.

Câu hỏi kiểm tra thực hành tốt khi sử dụng `font-family`. Việc liệt kê nhiều phông chữ (bao gồm cả phông chữ dự phòng generic family như `sans-serif`) đảm bảo rằng trình duyệt có thể tìm thấy ít nhất một phông chữ phù hợp để hiển thị, ngay cả khi phông chữ đầu tiên không có sẵn trên hệ thống của người dùng.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Đen (mặc định)

Xanh dương (kế thừa từ div)

Không màu

Màu ngẫu nhiên

Câu hỏi kiểm tra tính kế thừa của thuộc tính `color`. Thuộc tính `color` được kế thừa từ phần tử cha (`div`) sang phần tử con (`span`).

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

none

underline

no-decoration

remove

Câu hỏi kiểm tra thuộc tính `text-decoration` và giá trị để loại bỏ hiệu ứng trang trí văn bản. Giá trị `none` loại bỏ tất cả các hiệu ứng trang trí, bao gồm gạch chân.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 14: Định dạng văn bản bằng CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-spacing

word-spacing

letter-spacing

line-height
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra thuộc tính điều chỉnh khoảng cách dòng. Thuộc tính `line-height` được sử 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.

Đề trắc nghiệm liên quan:

Đề Trắc nghiệm Tin học 12 – Bài 23: Đường truyền mạng và ứng dụng (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 28: Thực hành trải nghiệm trích rút thông tin và tri thức (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 29: Mô phỏng trong giải quyết vấn đề (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 23: Chuẩn bị xây dựng trang web (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 15: Tạo màu cho chữ và nền (Kết Nối Tri Thức)

Danh mục Trắc Nghiệm Môn Tin Học 12 - Kết Nối Tri Thức

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

` và áp dụng hai quy tắc CSS sau: ```css h1 { color: red !important; } h1 { color: blue; } ``` Màu sắc cuối cùng của tiêu đề `

` sẽ là gì?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) trên trang web của mình có màu chữ là màu đỏ. Đoạn mã CSS nào là đúng?

` và đặt màu chữ, cú pháp đúng là `h2 { color: red; }`.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, thuộc tính `font-weight` nào sẽ có hiệu lực?

) có phông chữ 'Verdana' hoặc 'Geneva', và nếu không có cả hai thì dùng phông sans-serif. Cú pháp CSS nào sau đây là đúng?

) được căn giữa trang. Cú pháp CSS nào sau đây là đúng?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

) và muốn làm cho nó trở nên đậm hơn so với độ đậm bình thường. Thuộc tính CSS nào là phù hợp nhất để điều chỉnh độ dày nét chữ?

) là 2.5 lần cỡ chữ mặc định của phần tử gốc (root element). Đơn vị CSS nào là phù hợp nhất để thể hiện điều này một cách tương đối với kích thước gốc?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) trên trang web hiển thị với nét chữ đậm và gạch chân, đoạn CSS nào sau đây là đúng?

`.

`) được viết hoa, còn các chữ cái khác thì giữ nguyên. Thuộc tính và giá trị CSS nào cần dùng?

`) trên trang web có màu xanh lá cây. Đoạn CSS nào sau đây là đúng cú pháp và thực hiện được yêu cầu?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`). Thuộc tính và giá trị CSS nào sau đây là đúng?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) lên 24 pixel. Quy tắc CSS phù hợp là gì?

`) có phông chữ Arial, cỡ 30px, và căn giữa. Quy tắc CSS kết hợp nào sau đây thực hiện được điều này?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) mà bạn muốn căn giữa trên trang. Thuộc tính và giá trị CSS nào sau đây sẽ giúp bạn đạt được điều này?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`. Quy tắc `p { color: blue; }` áp dụng màu xanh dương cho thẻ ` `. Tính kế thừa từ thẻ ` ` mặc định không ảnh hưởng vì ` ` và ` ` đã có quy tắc `color` riêng.

` và ` ` đã có quy tắc `color` riêng.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Đề trắc nghiệm liên quan:

` và áp dụng hai quy tắc CSS sau:
```css
h1 {
color: red !important;
}
h1 {
color: blue;
}
```
Màu sắc cuối cùng của tiêu đề `

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`. Quy tắc `p { color: blue; }` áp dụng màu xanh dương cho thẻ `

`. Tính kế thừa từ thẻ `

` mặc định không ảnh hưởng vì `

` và `

` đã có quy tắc `color` riêng.

` và `

` đã có quy tắc `color` riêng.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha