Bài Tập Trắc nghiệm 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
Bài Tập Trắc nghiệm 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 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
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?
- A. font-size
- B. font-family
- C. text-decoration
- D. line-height
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 đó?
- A. p { text-size: 16px; }
- B. paragraph { font-size: 16px; }
- C. p { font-size: 16px; }
- D. .p { font-size: 16px; }
Câu 3: Thuộc tính `color` trong CSS được sử dụng để làm gì?
- A. Thiết lập màu chữ.
- B. Thiết lập màu nền cho phần tử.
- C. Thiết lập màu đường viền cho phần tử.
- D. Thiết lập màu cho liên kết đã truy cập.
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?
- A. Khoảng cách giữa các từ.
- B. Khoảng cách giữa các ký tự.
- C. Khoảng cách lề trái của dòng đầu tiên.
- D. Khoảng cách giữa các dòng văn bản.
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?
- A. text-align: left;
- B. text-align: center;
- C. text-align: right;
- D. align: center;
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?
- A. text-decoration
- B. text-underline
- C. font-style
- D. text-transform
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?
- A. margin-left
- B. padding-left
- C. first-line-indent
- D. text-indent
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)?
- A. normal
- B. lighter
- C. bold
- D. italic
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?
- A. text-transform
- B. font-variant
- C. text-decoration
- D. font-style
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ì?
- A. Kích thước của một pixel trên màn hình.
- B. Kích thước của chữ "m" trong phông chữ mặc định của trình duyệt.
- C. Kích thước của chữ "M" trong phông chữ hiện tại.
- D. Kích thước phông chữ của phần tử cha hoặc chính phần tử đó.
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`?
- A. Chỉ có các phần tử con trực tiếp mới nhận được định dạng từ phần tử cha.
- B. Các thuộc tính định dạng văn bản từ phần tử cha sẽ được áp dụng cho các phần tử con và cháu bên trong.
- C. Định dạng chỉ áp dụng cho phần tử được chọn trực tiếp, không ảnh hưởng đến con.
- D. Các thuộc tính của phần tử con sẽ luôn ghi đè lên thuộc tính của phần tử cha, ngay cả khi không được khai báo rõ ràng.
Câu 12: Xem đoạn mã HTML và CSS sau:
HTML:
`
`
CSS:
`div { color: red; }`
Chữ trong thẻ `
` sẽ có màu gì và tại sao?
- A. Màu xanh dương (blue) do định dạng inline có độ ưu tiên cao hơn CSS ngoài.
- B. Màu đỏ (red) do quy tắc CSS ngoài được áp dụng cho thẻ div.
- C. Màu đen (mặc định) vì thẻ p không có định dạng màu riêng.
- D. Cả màu đỏ và xanh dương cùng lúc.
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?
- A. word-spacing
- B. line-height
- C. letter-spacing
- D. text-indent
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?
- A. text-slant
- B. font-style
- C. text-emphasis
- D. font-variant
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ì?
- A. Đặt độ dày nét chữ về mức bình thường.
- B. Làm cho chữ đậm hơn mức bình thường.
- C. Làm cho chữ nhạt hơn mức bình thường.
- D. Đặt độ dày nét chữ tương đương với giá trị bold.
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 đó?
- A. a { text-decoration: underline; }
- B. a { underline: none; }
- C. a { decoration: none; }
- D. a { text-decoration: none; }
Câu 17: Đơn vị đo `%` khi sử dụng với thuộc tính `font-size` có ý nghĩa là gì?
- A. Kích thước tuyệt đối theo một tỷ lệ cố định.
- B. Kích thước tương đối so với kích thước phông chữ của phần tử cha.
- C. Kích thước tương đối so với chiều rộng của cửa sổ trình duyệt.
- D. Kích thước tương đối so với kích thước phông chữ mặc định của trình duyệt.
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?
- A. justify
- B. center
- C. left
- D. right
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?
- A. 1.5 pixel
- B. 14 pixel
- C. 21 pixel
- D. 150% của 14 pixel
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?
- A. Hiển thị chữ thường thành chữ hoa nhỏ (small-caps).
- B. Làm cho chữ in đậm.
- C. Làm cho chữ nghiêng.
- D. Thêm hiệu ứng gạch chân.
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?
- A. letter-spacing
- B. text-indent
- C. line-height
- D. word-spacing
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ì?
- A. Màu đỏ (red).
- B. Màu xanh dương (blue).
- C. Màu đen (mặc định).
- D. Cả hai màu được trộn lẫn.
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)?
- A. 1 pixel
- B. 0.75 pixel
- C. Khoảng 1.33 pixel
- D. 2 pixel
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?
- A. xx-small
- B. larger
- C. medium
- D. inherit
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?
- A. Times New Roman
- B. Times
- C. Phông chữ mặc định của trình duyệt.
- D. Một phông chữ generic thuộc họ "serif".
Câu 26: Thuộc tính `text-transform: capitalize;` sẽ có tác dụng gì đối với văn bản?
- A. Chuyển tất cả các ký tự thành chữ hoa.
- B. Chuyển tất cả các ký tự thành chữ thường.
- C. Viết hoa ký tự đầu tiên của mỗi từ.
- D. Viết hoa ký tự đầu tiên của câu.
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?
- A. line-height
- B. word-spacing
- C. letter-spacing
- D. text-indent
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?
- A. In đậm (bold).
- B. Bình thường (normal).
- C. Nửa đậm (bolder).
- D. Không có định dạng nào được áp dụng.
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?
- A. serif
- B. sans-serif
- C. monospace
- D. cursive
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?
- A. 1.2 pixel.
- B. 20 pixel.
- C. 21.2 pixel.
- D. 24 pixel.
