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

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 ôn tập kiến thức một cách có hệ thống thông qua dạng bài tập quen thuộc thường gặp trong đề thi. Các câu hỏi được sắp xếp từ dễ đến khó giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với những bạn đang ôn thi. Thông qua quá trình làm bài, bạn có thể xác định phần kiến thức còn yếu. Điều này giúp việc học trở nên chủ động hơn.

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: 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 2: Khai báo nào sau đây dùng để thiết lập phông chữ cho phần tử?

  • - text-font: 'Arial', sans-serif
  • - font-type: 'Arial', sans-serif
  • - font-family: 'Arial', sans-serif
  • - font-style: 'Arial', sans-serif

Câu 3: Mã màu Hex (Hexadecimal) hợp lệ cho màu đen thuần là gì?

  • - #FFFFFF
  • - #000000
  • - #111111
  • - #999999

Câu 4: Để tăng khoảng cách giữa các ký tự trong một từ, ta dùng thuộc tính nào?

  • - word-spacing
  • - letter-spacing
  • - text-spacing
  • - character-spacing

Câu 5: Mức giá trị mặc định của thuộc tính font-size trên hầu hết các trình duyệt web đối với văn bản thông thường là bao nhiêu?

  • - 12px
  • - 14px
  • - 16px
  • - 18px

Câu 6: Khi muốn toàn bộ đoạn văn bản hiển thị dưới dạng CHỮ IN HOA bất kể văn bản gốc viết như thế nào, ta dùng khai báo CSS nào?

  • - font-style: uppercase
  • - text-style: capitalize
  • - font-variant: uppercase
  • - text-transform: uppercase

Câu 7: Thuộc tính nào thụt lề cho dòng đầu tiên của một đoạn văn bản?

  • - margin-left
  • - padding-left
  • - text-indent
  • - text-spacing

Câu 8: Khi khai báo line-height bằng một con số không có đơn vị (ví dụ: line-height: 1.5), nó mang ý nghĩa gì?

  • - Chiều cao dòng bằng 1.5 lần kích thước phông chữ hiện tại của phần tử đó
  • - Chiều cao dòng bằng 1.5 pixel
  • - Chiều cao dòng bằng 1.5 lần chiều cao của phần tử cha
  • - Chiều cao dòng được cố định bằng 1.5 rem

Câu 9: 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

Câu 10: Thuộc tính nào giúp loại bỏ gạch chân mặc định của các liên kết (thẻ a)?

  • - text-transform: none
  • - text-decoration: none
  • - text-style: normal
  • - font-decoration: none

Câu 11: 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 12: 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 13: Để 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 14: Cách viết nào sau đây thiết lập màu đỏ với độ trong suốt 50% cho văn bản?

  • - color: rgb(255, 0, 0, 50%)
  • - color: opacity(red, 0.5)
  • - color: rgba(255, 0, 0, 0.5)
  • - color: hex(#FF0000, 0.5)

Câu 15: Giá trị 'capitalize' của thuộc tính text-transform có tác dụng gì?

  • - Viết hoa toàn bộ các chữ cái
  • - Viết hoa chữ cái đầu tiên của mỗi đoạn văn
  • - Viết thường tất cả các chữ cái
  • - Viết hoa chữ cái đầu tiên của mỗi từ

Câu 16: 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 17: Trong CSS, đơn vị đo lường 'rem' cho kích thước phông chữ có đặc điểm gì?

  • - Tính tương đối theo kích thước phông chữ của phần tử cha chứa nó trực tiếp
  • - Tính tương đối theo kích thước phông chữ của phần tử gốc (thường là thẻ html)
  • - Là đơn vị đo lường tuyệt đối không thay đổi trên mọi thiết bị
  • - Tính tương đối theo chiều rộng của cửa sổ trình duyệt hiện tại

Câu 18: Để làm cho văn bản in nghiêng, ta sử dụng thuộc tính CSS nào?

  • - font-weight: italic
  • - text-decoration: italic
  • - text-transform: italic
  • - font-style: italic

Câu 19: Thuộc tính CSS nào dùng để thiết lập khoảng cách giữa các dòng văn bản (chiều cao dòng)?

  • - line-height
  • - line-spacing
  • - text-height
  • - padding-line

Câu 20: 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 21: Trong CSS, quy tắc nào thường được dùng ở đầu tệp CSS để nhúng một phông chữ từ nguồn bên ngoài (ví dụ Google Fonts)?

  • - @include
  • - @import
  • - @font-face
  • - @require

Câu 22: Thuộc tính CSS nào được sử dụng để thay đổi màu chữ của một phần tử?

  • - color
  • - text-color
  • - font-color
  • - background-color

Câu 23: Thuộc tính text-shadow cần ít nhất bao nhiêu giá trị độ dài để tạo bóng cơ bản (chưa tính màu sắc)?

  • - 2 giá trị (độ lệch ngang và độ lệch dọc)
  • - 1 giá trị (độ mờ của bóng)
  • - 3 giá trị (độ lệch ngang, dọc và độ lan tỏa)
  • - 4 giá trị (độ lệch các hướng trên, dưới, trái, phải)

Câu 24: Tại sao khi khai báo font-family, người ta thường liệt kê nhiều tên phông chữ cách nhau bằng dấu phẩy?

  • - Để kết hợp nhiều phông chữ lại tạo thành một phông chữ mới
  • - Để cung cấp các phông chữ dự phòng nếu máy tính người dùng không có phông chữ đầu tiên
  • - Để áp dụng ngẫu nhiên một trong các phông chữ cho mỗi lần tải trang
  • - Để trình duyệt tự động chọn phông chữ có dung lượng nhẹ nhất

Câu 25: Để căn giữa văn bản theo chiều ngang trong một phần tử, ta sử dụng thuộc tính và giá trị nào?

  • - align-items: center
  • - justify-content: center
  • - text-align: center
  • - vertical-align: middle