Bộ 30+ câu hỏi trắc nghiệm HTML và CSS online – Bộ số 5

Bộ chọn kiểu phần tử 'p' sẽ nhắm mục tiêu tất cả các phần tử đoạn văn (paragraph) trong HTML. Kết luận Lý giải: Bộ chọn p.

Bộ chọn giả lớp 'visited' được sử dụng để áp dụng kiểu dáng cho các liên kết mà người dùng đã nhấp vào và truy cập trước đó. Kết luận Lý giải: Bộ chọn giả lớp visited.

Đơn vị 'em' trong CSS là một đơn vị tương đối, giá trị của nó được tính dựa trên kích thước phông chữ (font-size) của phần tử cha hoặc của chính phần tử đó. Kết luận Lý giải: Đơn vị em.

Thuộc tính boolean 'controls' khi được thêm vào thẻ 'video' hoặc 'audio' sẽ yêu cầu trình duyệt hiển thị bộ điều khiển phương tiện mặc định cho người dùng. Kết luận Lý giải: Thuộc tính controls.

Thuộc tính 'aria-label' trong WAI-ARIA cho phép các nhà phát triển cung cấp một chuỗi nhãn dễ hiểu cho các phần tử, đặc biệt hữu ích khi nhãn trực quan không tồn tại hoặc không đủ mô tả cho người dùng công nghệ hỗ trợ. Kết luận Lý giải: Thuộc tính aria-label.

Khai báo 'DOCTYPE html' thông báo cho trình duyệt rằng tài liệu này tuân theo chuẩn HTML5, giúp trình duyệt hiển thị trang ở chế độ chuẩn (standards mode) thay vì chế độ tương thích ngược (quirks mode). Kết luận Lý giải: Để trình duyệt hiểu và hiển thị trang theo chuẩn HTML5.

Thuộc tính 'target' của thẻ 'a' với giá trị 'gạch dưới blank' (hoặc '_blank') chỉ thị cho trình duyệt mở tài liệu được liên kết trong một tab hoặc cửa sổ mới. Kết luận Lý giải: Thuộc tính target với giá trị gạch dưới blank.

Danh sách không có thứ tự (unordered list) được tạo bằng thẻ 'ul', và mỗi mục danh sách (list item) bên trong được tạo bằng thẻ 'li'. Kết luận Lý giải: Thẻ ul cho danh sách và thẻ li cho mục.

Thẻ 'th' (table header) được sử dụng để xác định một ô tiêu đề trong bảng, thường hiển thị nội dung của nó bằng chữ đậm và căn giữa. Kết luận Lý giải: Thẻ th.

Phần tử 'article' được thiết kế để bao bọc các nội dung độc lập, hoàn chỉnh và có thể tái sử dụng. Kết luận Lý giải: Phần tử article.

Thuộc tính 'grid-column' (hoặc các thuộc tính con 'grid-column-start' và 'grid-column-end') được sử dụng trên một mục con của grid để xác định vị trí và khoảng không gian nó chiếm giữ theo các đường lưới cột. Kết luận Lý giải: Thuộc tính grid-column (hoặc grid-column-start và grid-column-end).

Bộ chọn giả phần tử 'hai dấu hai chấm before' (hoặc 'một dấu hai chấm before' trong CSS2) được sử dụng để tạo ra một phần tử giả đầu tiên bên trong phần tử được chọn, cho phép chèn nội dung hoặc áp dụng kiểu dáng. Kết luận Lý giải: Bộ chọn hai dấu hai chấm before.

Phần tử 'input' với thuộc tính 'type' được đặt là 'checkbox' cho phép người dùng chọn nhiều mục từ một nhóm các lựa chọn. Kết luận Lý giải: Loại checkbox.

Với 'box-sizing là border-box', các giá trị 'width' và 'height' của phần tử sẽ bao gồm cả 'padding' và 'border', thay vì chỉ áp dụng cho vùng nội dung như trong 'content-box', giúp việc quản lý layout dễ dàng hơn. Kết luận Lý giải: Chiều rộng và chiều cao đã bao gồm padding và border, không chỉ vùng nội dung.

Thuộc tính 'z-index' xác định thứ tự xếp chồng (stack order) của các phần tử đã được định vị (có thuộc tính 'position' khác 'static'), cho phép một phần tử xuất hiện phía trên hoặc phía dưới các phần tử khác. Kết luận Lý giải: Thứ tự xếp chồng của các phần tử trên trục Z (độ sâu).

Theo quy tắc tính độ ưu tiên (specificity) trong CSS, các kiểu nội tuyến (inline styles) có trọng số cao nhất, tiếp theo là bộ chọn ID, sau đó là bộ chọn lớp/thuộc tính/giả lớp, và cuối cùng là bộ chọn phần tử/giả phần tử. Kết luận Lý giải: Kiểu nội tuyến (inline style) được khai báo trực tiếp trên phần tử HTML.

Khi thuộc tính 'display' của một phần tử được đặt thành 'none', phần tử đó sẽ không được hiển thị và không chiếm bất kỳ không gian nào trong layout của trang. Kết luận Lý giải: Giá trị none.

Khi các quy tắc CSS có cùng độ ưu tiên (specificity) và cùng thuộc tính nhắm vào một phần tử, quy tắc được định nghĩa sau cùng trong stylesheet hoặc trong thứ tự các stylesheet được liên kết sẽ ghi đè các quy tắc trước đó. Kết luận Lý giải: Quy tắc được định nghĩa sau cùng.

Các thuộc tính 'data-*' cho phép các nhà phát triển lưu trữ thông tin tùy chỉnh, riêng tư cho trang hoặc ứng dụng, thường được sử dụng bởi JavaScript để thao tác hoặc lưu trữ trạng thái mà không can thiệp vào các thuộc tính HTML chuẩn. Kết luận Lý giải: Để lưu trữ dữ liệu tùy chỉnh riêng tư cho trang hoặc ứng dụng, thường được truy cập bởi JavaScript.

Trong CSS, màu sắc có thể được xác định bằng tên màu (ví dụ 'red'), mã HEX (ví dụ 'FF0000'), hàm RGB (ví dụ 'rgb(255,0,0)'), hoặc hàm HSL; tuy nhiên, việc sử dụng trực tiếp một chuỗi số nguyên không có tiền tố hay hàm chỉ định là không hợp lệ. Kết luận Lý giải: Sử dụng một chuỗi số nguyên không có tiền tố hay hàm chỉ định (ví dụ '25500').

Thuộc tính 'alt' (alternative text) cung cấp văn bản mô tả thay thế cho hình ảnh, quan trọng cho khả năng truy cập và SEO. Kết luận Lý giải: Thuộc tính alt.

Mô hình hộp CSS bao gồm nội dung, sau đó là padding (vùng đệm), rồi đến border (đường viền), và cuối cùng là margin (lề ngoài). Kết luận Lý giải: Nội dung, padding, border, margin.

Các thẻ ngữ nghĩa cung cấp ý nghĩa rõ ràng hơn về cấu trúc và nội dung của trang web, giúp cải thiện khả năng truy cập cho người dùng công nghệ hỗ trợ và tối ưu hóa cho công cụ tìm kiếm (SEO), đồng thời làm cho mã nguồn dễ đọc và bảo trì hơn. Kết luận Lý giải: Cải thiện khả năng truy cập, SEO và tính dễ đọc của mã nguồn.

Nhiều thuộc tính CSS, bao gồm 'color', có tính kế thừa, nghĩa là nếu không được ghi đè, giá trị của chúng sẽ được truyền từ phần tử cha sang các phần tử con. Kết luận Lý giải: Phần tử con sẽ kế thừa giá trị thuộc tính 'color' từ phần tử cha.

Để các mục con trong một flex container được sắp xếp theo hàng ngang, thuộc tính 'flex-direction' cần được đặt là 'row' (hoặc không đặt vì 'row' là giá trị mặc định), và để căn chỉnh chúng bắt đầu từ bên trái, thuộc tính 'justify-content' thường được đặt là 'flex-start'. Kết luận Lý giải: Thuộc tính justify-content với giá trị flex-start (và flex-direction là row hoặc không xác định).

Khai báo 'meta charset bằng UTF-8' là cách tiêu chuẩn trong HTML5 để chỉ định bộ mã hóa ký tự của tài liệu, đảm bảo khả năng tương thích rộng rãi cho các ký tự. Kết luận Lý giải: Thẻ meta với thuộc tính charset đặt thành UTF-8.

Theo phân tích phổ biến, Biến CSS cho phép định nghĩa một giá trị ở một nơi và tái sử dụng nó ở nhiều nơi khác, giúp việc thay đổi giá trị đó (ví dụ, thay đổi màu chủ đạo của trang web) trở nên dễ dàng và nhất quán hơn, chỉ cần sửa ở một chỗ khai báo biến. Kết luận Lý giải: Dễ dàng thay đổi và duy trì tính nhất quán của giá trị (ví dụ màu sắc) trên toàn bộ trang web bằng cách chỉ sửa ở một nơi.

Media queries cho phép áp dụng các kiểu CSS khác nhau dựa trên các đặc điểm của thiết bị hiển thị, và cú pháp 'at-media (max-width 600px) { các quy tắc }' sẽ áp dụng các quy tắc bên trong khi chiều rộng màn hình tối đa là 600 pixel. Kết luận Lý giải: Một truy vấn media với điều kiện max-width là 600px.

Thẻ 'link' với thuộc tính 'rel' có giá trị 'stylesheet' và thuộc tính 'href' trỏ đến đường dẫn tệp CSS được sử dụng để liên kết một stylesheet bên ngoài. Kết luận Lý giải: Thẻ link với thuộc tính rel là stylesheet và href là đường dẫn tệp.

Phần tử head chứa siêu dữ liệu như tiêu đề, bộ ký tự, liên kết đến CSS và JavaScript, không phải là nội dung trực quan cho người dùng. Kết luận Lý giải: Phần tử head.