Trắc nghiệm Khoa học máy tính 12 Kết nối bài 14: Định dạng văn bản bằng CSS giúp bạn theo dõi sự tiến bộ của bản thân thông qua bộ bài tập bám sát thực tế.
Trắc nghiệm Khoa học máy tính 12 Kết nối bài 14: Định dạng văn bản bằng CSS
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Thuộc tính font-weight dùng để làm gì trong định dạng văn bản?
- - Xác định độ đậm nhạt của chữ
- - Xác định kích thước của chữ
- - Xác định khoảng cách giữa các chữ cái
- - Xác định kiểu phông chữ hiển thị
Câu 2: Bộ chọn ID trong CSS được bắt đầu bằng ký tự nào?
- - Dấu chấm (.)
- - Dấu thăng (#)
- - Dấu và (&)
- - Dấu sao (*)
Câu 3: Thuộc tính nào được sử dụng để điều chỉnh khoảng cách giữa các dòng văn bản?
- - word-spacing
- - letter-spacing
- - line-spacing
- - line-height
Câu 4: Để văn bản vừa có gạch chân (underline) vừa có gạch xuyên tâm (line-through), ta viết CSS như thế nào?
- - text-decoration: underline, line-through
- - text-decoration-1: underline; text-decoration-2: line-through
- - text-decoration: underline line-through
- - Không thể kết hợp hai kiểu gạch cùng lúc
Câu 5: Để định dạng văn bản thành chữ in đậm, giá trị nào của thuộc tính 'font-weight' là chính xác?
- - bold
- - heavy
- - strong
- - italic
Câu 6: Để tạo khoảng cách giữa các ký tự trong một từ, bạn sẽ sử dụng thuộc tính CSS nào?
- - padding
- - letter-spacing
- - word-spacing
- - character-spacing
Câu 7: Đơn vị đo lường nào sau đây trong CSS mang tính chất tương đối và phụ thuộc vào kích thước phông chữ của phần tử cha?
- - em
- - px
- - cm
- - pt
Câu 8: Để định nghĩa kiểu chữ cho một đoạn văn bản có class là 'gioithieu', cách viết bộ chọn nào sau đây là đúng?
- - #gioithieu
- - p.gioithieu
- - p#gioithieu
- - p gioithieu
Câu 9: Từ CSS3, thuộc tính nào cho phép thay đổi màu sắc của đường gạch chân mà không làm ảnh hưởng đến màu của chữ?
- - underline-color
- - text-line-color
- - decoration-color
- - text-decoration-color
Câu 10: Sự khác biệt chính giữa word-spacing và letter-spacing là gì?
- - word-spacing tác động lên ký tự, còn letter-spacing tác động lên từ
- - word-spacing chỉ dùng cho tiếng Anh, letter-spacing dùng cho mọi ngôn ngữ
- - Không có sự khác biệt, hai thuộc tính này có thể dùng thay thế nhau
- - word-spacing tác động lên từ, còn letter-spacing tác động lên từng ký tự
Câu 11: Khi sử dụng thuộc tính rút gọn 'font', hai thuộc tính thành phần nào bắt buộc phải có mặt và đúng thứ tự?
- - font-size và font-family
- - font-weight và font-size
- - font-style và font-family
- - line-height và font-family
Câu 12: Để tạo hiệu ứng chữ bị gạch ngang (giống như việc thể hiện giá cũ bị hủy bỏ), thuộc tính text-decoration cần nhận giá trị nào?
- - overline
- - cross-out
- - strike
- - line-through
Câu 13: Để liên kết tệp CSS bên ngoài (ví dụ 'style.css') vào trang HTML, thẻ nào là chính xác và phải đặt ở đâu?
- - thẻ link đặt trong phần head
- - thẻ style đặt trong phần body
- - thẻ css đặt trong phần head
- - thẻ a đặt ở cuối body
Câu 14: Để áp dụng cùng một định dạng CSS cho nhiều thẻ p và thẻ h1, cách viết bộ chọn (selector) nào là đúng và tối ưu nhất?
- - p h1 { ... }
- - p + h1 { ... }
- - p > h1 { ... }
- - p, h1 { ... }
Câu 15: Thuộc tính word-spacing trong CSS có tác dụng gì?
- - Điều chỉnh khoảng cách giữa các đoạn văn
- - Điều chỉnh khoảng cách giữa các ký tự
- - Điều chỉnh chiều cao của các dòng chữ
- - Điều chỉnh khoảng cách giữa các từ
Câu 16: Giá trị 'justify' của thuộc tính text-align có chức năng gì?
- - Căn văn bản dồn toàn bộ về lề phải
- - Tự động thụt đầu dòng cho mọi đoạn văn bản
- - Canh giữa văn bản theo chiều dọc của phần tử
- - Căn đều văn bản theo cả lề trái và lề phải
Câu 17: Trong CSS, mã màu Hexadecimal (Hex) gồm 6 ký tự để định dạng văn bản bắt buộc phải bắt đầu bằng ký hiệu nào?
- - Ký hiệu $
- - Ký hiệu #
- - Ký hiệu @
- - Ký hiệu &
Câu 18: Xét đoạn mã CSS sau: 'h1, h2, h3 { color: navy; }'. Đoạn mã này có ý nghĩa gì?
- - Chỉ định dạng màu 'navy' cho các thẻ 'h1' là con của thẻ 'h2' và 'h3'
- - Áp dụng màu 'navy' cho tất cả các phần tử 'h1', 'h2', và 'h3'
- - Chỉ định dạng màu 'navy' cho thẻ 'h3' nằm trong thẻ 'h2', và 'h2' nằm trong 'h1'
- - Đoạn mã này sai cú pháp và sẽ không hoạt động
Câu 19: Khai báo CSS 'font-weight: 400;' tương đương với giá trị từ khóa nào?
- - bold
- - light
- - normal
- - lighter
Câu 20: Làm thế nào để áp dụng đồng thời gạch trên và gạch dưới cho văn bản bằng thuộc tính text-decoration?
- - text-decoration: underline, overline
- - text-decoration-top: overline; text-decoration-bottom: underline
- - text-decoration: all-lines
- - text-decoration: underline overline
Câu 21: Giá trị 'capitalize' của thuộc tính 'text-transform' sẽ làm gì?
- - Viết hoa tất cả các ký tự
- - Viết thường tất cả các ký tự
- - Viết hoa ký tự đầu tiên của mỗi từ
- - Không thay đổi gì cả
Câu 22: Để định dạng một đoạn văn bản (thẻ 'p') có chữ in đậm và nghiêng, khai báo CSS nào sau đây là đúng?
- - p { font-style: bold; font-weight: italic; }
- - p { text-decoration: bold, italic; }
- - p { font-weight: bold; font-style: italic; }
- - p { font: bold-italic; }
Câu 23: Để thêm một đường gạch chân dưới văn bản, ta sử dụng giá trị nào cho thuộc tính 'text-decoration'?
- - line-through
- - underline
- - overline
- - none
Câu 24: Để gộp chung nhiều bộ chọn và áp dụng cùng một khối định dạng (ví dụ cho cả thẻ h1 và thẻ h2), ta dùng ký tự nào để ngăn cách các bộ chọn?
- - Dấu phẩy (,)
- - Dấu chấm phẩy (;)
- - Dấu cộng (+)
- - Khoảng trắng
Câu 25: Trong thuộc tính font-weight, giá trị số 700 tương đương với từ khóa nào?
- - bold
- - normal
- - bolder
- - lighter