Trắc nghiệm 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
Trắc nghiệm 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 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Bạn đang thiết kế một đoạn văn bản và muốn tiêu đề (thẻ `
`) có màu xanh dương và chữ đậm. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu đó?
- A. h1 { color: blue; font-style: bold; }
- B. h1 { text-color: blue; font-weight: bold; }
- C. h1 { color: blue; font-weight: bold; }
- D. h1 { text-style: blue; font-weight: bold; }
Câu 2: Để tăng khoảng cách theo chiều dọc giữa các dòng văn bản trong một đoạn (thẻ `
`), bạn sẽ sử dụng thuộc tính CSS nào?
- A. text-spacing
- B. line-height
- C. vertical-align
- D. paragraph-spacing
Câu 3: Bạn muốn dòng đầu tiên của mỗi đoạn văn bản trong trang được thụt vào một khoảng nhất định. Thuộc tính CSS nào giúp bạn làm điều này?
- A. margin-left
- B. padding-left
- C. first-line-indent
- D. text-indent
Câu 4: Một phần tử `div` có `font-size: 18px;`. Bên trong `div` này có một phần tử `
` được định kiểu với `font-size: 1.5em;`. Kích thước chữ được tính toán cho văn bản trong thẻ `
` là bao nhiêu pixel?
- A. 18px
- B. 19.5px
- C. 27px
- D. 15px
Câu 5: Để hiển thị toàn bộ văn bản trong một phần tử dưới dạng chữ in hoa, bạn sử dụng thuộc tính `text-transform` với giá trị nào?
- A. uppercase
- B. capitalize
- C. lowercase
- D. none
Câu 6: Khi bạn khai báo `font-family:
- A. Để trình duyệt chọn phông chữ đẹp nhất trong danh sách.
- B. Để cung cấp các phông chữ thay thế (fallback) nếu phông chữ đầu tiên không có sẵn trên hệ thống người dùng.
- D. Để ưu tiên phông chữ cuối cùng trong danh sách.
Câu 7: Bạn muốn căn giữa (theo chiều ngang) tất cả văn bản bên trong các phần tử có lớp CSS là `info`. Khai báo CSS nào sau đây là đúng?
- A. .info { text-align: center; }
- B. info { align: center; }
- C. #info { text-align: center; }
- D. .info { vertical-align: middle; }
Câu 8: Thuộc tính `font-weight` được sử dụng để làm gì?
- A. Thiết lập kiểu chữ (in nghiêng, thường).
- B. Thiết lập kích thước chữ.
- C. Thiết lập độ đậm/nhạt của nét chữ.
- D. Thiết lập gạch chân cho chữ.
Câu 9: Khi một đoạn văn bản được định kiểu với `text-align: justify;`, văn bản sẽ được hiển thị như thế nào?
- A. Các dòng văn bản được căn thẳng lề trái.
- B. Các dòng văn bản được căn thẳng cả lề trái và lề phải (trừ dòng cuối cùng).
- C. Các dòng văn bản được căn giữa.
- D. Các dòng văn bản được căn thẳng lề phải.
Câu 10: Cho đoạn CSS sau: `p { color: blue; } span { color: green; }`. Nếu có cấu trúc HTML `
Đây là một đoạn văn bản với
A. Blue (do thẻ p)
B. Green (do thẻ span)
C. Blue (do tính kế thừa)
D. Red (do kiểu inline)
Câu 11: Đơn vị đo kích thước phông chữ nào sau đây là tương đối so với kích thước phông chữ của phần tử gốc (root element - ``)?
Câu 12: Bạn muốn điều chỉnh khoảng cách giữa các ký tự riêng lẻ trong một từ hoặc cụm từ. Thuộc tính CSS nào được sử dụng cho mục đích này?
- A. word-spacing
- B. letter-spacing
- C. text-spacing
- D. char-spacing
Câu 14: Một khối `div` có chiều rộng 600px chứa một đoạn văn bản. Bạn áp dụng CSS `p { text-indent: 5%; }` cho đoạn văn đó. Dòng đầu tiên của đoạn văn sẽ được thụt vào bao nhiêu pixel?
- A. 30px
- B. 5px
- C. 60px
- D. 5%
Câu 15: Thuộc tính `word-spacing` trong CSS dùng để làm gì?
- A. Điều chỉnh khoảng cách giữa các dòng văn bản.
- B. Điều chỉnh khoảng cách giữa các ký tự.
- C. Điều chỉnh khoảng cách giữa các từ.
- D. Điều chỉnh khoảng cách lề của văn bản.
Câu 16: Thuộc tính CSS nào là thuộc tính viết tắt (shorthand) cho việc thiết lập cùng lúc `font-style`, `font-weight`, `font-size`, `line-height`, và `font-family`?
- A. text-font
- B. font
- C. text-style
- D. typography
Câu 17: Một phần tử `div` có `font-size: 20px;` và `line-height: 1.8;`. Chiều cao dòng được tính toán cho văn bản trực tiếp bên trong `div` đó là bao nhiêu pixel?
- A. 1.8px
- B. 20px
- C. 21.8px
- D. 36px
Câu 18: Khai báo CSS `font-style: italic;` sẽ làm gì với văn bản?
- A. Hiển thị văn bản dưới dạng chữ in nghiêng.
- B. Hiển thị văn bản dưới dạng chữ đậm.
- C. Gạch chân cho văn bản.
- D. Viết hoa chữ cái đầu tiên của mỗi từ.
Câu 19: Nếu bạn áp dụng CSS `text-transform: capitalize;` cho đoạn văn bản
- A. HÔM NAY LÀ MỘT NGÀY ĐẸP TRỜI.
- B. hôm nay là một ngày đẹp trời.
- C. Hôm Nay Là Một Ngày Đẹp Trời.
- D. hÔM nAY lÀ mỘT nGÀY đẸP tRỜI.
Câu 20: Cho đoạn CSS: `p { font-size: 16px; color: blue; } .highlight { color: red; }`. Nếu có cấu trúc HTML `
A. Blue (do thẻ p)
B. Red (do lớp highlight)
C. Màu mặc định (đen)
D. Kết hợp giữa xanh và đỏ (màu tím)
Câu 21: Khi sử dụng các giá trị như `small`, `medium`, `large` cho thuộc tính `font-size`, bạn đang sử dụng loại đơn vị nào?
- A. Đơn vị kích thước tương đối (relative size keywords).
- B. Đơn vị tuyệt đối (absolute units).
- C. Đơn vị tương đối (relative units) như em, rem.
- D. Đơn vị phần trăm.
Câu 22: Lợi ích chính của việc sử dụng các đơn vị tương đối như `em` hoặc `rem` cho kích thước phông chữ, đặc biệt là trong thiết kế web đáp ứng (responsive design), là gì?
- A. Đảm bảo văn bản luôn có kích thước cố định trên mọi thiết bị.
- B. Giúp trang web tải nhanh hơn.
- C. Dễ dàng điều chỉnh kích thước văn bản dựa trên cài đặt của người dùng hoặc kích thước màn hình, cải thiện khả năng truy cập và đáp ứng.
- D. Chỉ áp dụng được cho các loại phông chữ đặc biệt.
Câu 23: Bạn có một đoạn văn bản dài và muốn các dòng văn bản được dàn đều giữa lề trái và lề phải, điều chỉnh khoảng cách giữa các từ để làm đầy dòng. Giá trị nào của thuộc tính `text-align` phù hợp nhất?
- A. justify
- B. center
- C. left
- D. right
Câu 24: Giá trị mặc định của thuộc tính `text-decoration` đối với hầu hết các phần tử văn bản (ngoại trừ liên kết) là gì?
- A. underline
- B. none
- C. overline
- D. line-through
Câu 25: Trong CSS, sự khác biệt giữa `font-weight: bold;` và `font-weight: 700;` là gì?
- A. `bold` đậm hơn `700`.
- B. `700` chỉ áp dụng cho phông chữ Sans-serif, còn `bold` áp dụng cho mọi loại.
- C. Chúng thường có cùng hiệu ứng hiển thị (700 là giá trị số tương ứng với bold), nhưng giá trị số cho phép kiểm soát độ đậm chi tiết hơn nếu phông chữ hỗ trợ.
- D. Không có sự khác biệt nào cả, chúng hoàn toàn giống nhau.
Câu 26: Phông chữ
- A. Có chân (serif) ở các ký tự.
- B. Các ký tự được viết tay hoặc theo phong cách thư pháp.
- C. Có kiểu dáng trang trí, trừu tượng.
- D. Mọi ký tự đều có chiều rộng bằng nhau.
Câu 27: Nếu bạn áp dụng `letter-spacing: -0.5px;` cho một đoạn văn bản, hiệu ứng thường thấy là gì?
- A. Các ký tự sẽ xích lại gần nhau hơn.
- B. Các từ sẽ cách xa nhau hơn.
- C. Khoảng cách giữa các dòng sẽ giảm.
- D. Dòng đầu tiên sẽ bị thụt lề âm.
Câu 28: Một phần tử `div` có `font-size: 24px;`. Bên trong `div` có một phần tử `
` với CSS `font-size: 75%;`. Kích thước phông chữ được tính toán cho văn bản trong thẻ `
` là bao nhiêu pixel?
- A. 75px
- B. 18px
- C. 24px
- D. 32px
Câu 29: Thuộc tính `line-height` ảnh hưởng trực tiếp đến khía cạnh nào của bố cục 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 giữa các dòng văn bản.
- D. Khoảng cách lề của khối văn bản.
Câu 30: Cho đoạn CSS: `a { text-decoration: none; color: purple; font-weight: bold; }`. Một liên kết sử dụng kiểu này sẽ hiển thị như thế nào?
- A. Màu xanh dương, có gạch chân, chữ thường.
- B. Màu tím, có gạch chân, chữ đậm.
- C. Màu xanh dương, không gạch chân, chữ đậm.
- D. Màu tím, không gạch chân, chữ đậm.
