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

Theo phân tích phổ biến, các stylesheet như Reset CSS hoặc Normalize CSS được sử dụng để giảm thiểu sự không nhất quán trong việc hiển thị các phần tử HTML mặc định giữa các trình duyệt khác nhau, tạo ra một nền tảng đồng đều hơn cho việc áp dụng kiểu tùy chỉnh. Kết luận Lý giải: Để giảm sự khác biệt về kiểu dáng mặc định của trình duyệt và tạo một cơ sở nhất quán.

Đơn vị 'rem' trong CSS là một đơn vị tương đối, được tính dựa trên kích thước phông chữ của phần tử gốc (thường là thẻ 'html'), giúp duy trì tính nhất quán về tỷ lệ trên toàn trang. Kết luận Lý giải: Đơn vị 'rem'.

Trong hệ thống phân cấp đặc tả của CSS, một bộ chọn ID luôn có độ ưu tiên cao hơn một bộ chọn lớp, do đó quy tắc được định nghĩa bằng bộ chọn ID sẽ ghi đè lên quy tắc từ bộ chọn lớp. Kết luận Lý giải: Quy tắc sử dụng bộ chọn ID.

Trong HTML, một chú thích được bắt đầu bằng dấu nhỏ hơn, dấu chấm than và hai dấu gạch nối, theo sau là nội dung chú thích, và kết thúc bằng hai dấu gạch nối và dấu lớn hơn. Kết luận Lý giải: Bắt đầu bằng 'dấu nhỏ hơn, dấu chấm than, hai dấu gạch nối' và kết thúc bằng 'hai dấu gạch nối, dấu lớn hơn'.

Thẻ 'body' trong HTML được thiết kế để bao quanh tất cả các thành phần trực quan của trang web, chẳng hạn như văn bản, hình ảnh, và liên kết, mà người dùng sẽ thấy và tương tác. Kết luận Lý giải: Thẻ 'body'.

Thẻ 'ul' (unordered list) là thẻ chính được sử dụng trong HTML để tạo một danh sách mà các mục của nó không theo một trình tự số cụ thể. Kết luận Lý giải: Thẻ 'ul'.

Thẻ 'article' của HTML5 được thiết kế để đánh dấu các phần nội dung hoàn chỉnh và độc lập, có ý nghĩa riêng biệt ngay cả khi tách khỏi ngữ cảnh của trang. Kết luận Lý giải: Thẻ 'article'.

Việc sử dụng 'type' là 'email' cho thẻ 'input' trong HTML không chỉ cung cấp xác thực định dạng email cơ bản từ phía trình duyệt mà còn tối ưu hóa trải nghiệm người dùng trên thiết bị di động bằng cách hiển thị bàn phím có ký tự 'dấu a còng' và 'dấu chấm'. Kết luận Lý giải: Loại 'email'.

Khai báo DOCTYPE là một chỉ thị cho trình duyệt web về phiên bản HTML mà trang được viết, đảm bảo rằng 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: Để thông báo cho trình duyệt sử dụng chế độ hiển thị chuẩn và phiên bản HTML.

Thẻ 'th' (table header) trong HTML được sử dụng để tạo ra các ô tiêu đề cho cột hoặc hàng trong một bảng, thường được hiển thị với chữ đậm và căn giữa theo mặc định. Kết luận Lý giải: Thẻ 'th'.

Trong định dạng màu RGBA (Red, Green, Blue, Alpha) của CSS, thành phần 'Alpha' kiểm soát độ trong suốt của màu, với giá trị từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ đục). Kết luận Lý giải: Kênh Alpha (độ trong suốt).

Nhiều thuộc tính CSS liên quan đến mô hình hộp như 'margin', 'padding', và 'border' không được kế thừa tự động từ phần tử cha sang con để tránh các hiệu ứng bố cục không mong muốn. Kết luận Lý giải: Thuộc tính 'margin'.

Giá trị 'space-evenly' của thuộc tính 'justify-content' trong Flexbox phân bố các mục con sao cho khoảng trống giữa hai mục bất kỳ, cũng như khoảng trống từ mục đầu tiên đến cạnh bắt đầu và từ mục cuối cùng đến cạnh kết thúc của vùng chứa, là bằng nhau. Kết luận Lý giải: Giá trị 'space-evenly'.

Một phần tử với 'position' là 'absolute' được định vị tương đối với phần tử cha gần nhất có thuộc tính 'position' khác 'static'; nếu không có phần tử cha nào như vậy, nó sẽ được định vị tương đối với khối chứa ban đầu (thường là thẻ 'body'). Kết luận Lý giải: Phần tử cha gần nhất có thuộc tính 'position' không phải là 'static'.

Thẻ 'input' với thuộc tính 'type' được đặt thành '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 có sẵn. Kết luận Lý giải: Loại 'checkbox'.

Thuộc tính 'target' của thẻ 'a' (anchor) với giá trị là '_blank' chỉ thị cho trình duyệt mở tài liệu được liên kết trong một ngữ cảnh duyệt web mới, thường là 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ị '_blank'.

Theo các phân tích phổ biến về thực hành phát triển web, việc sử dụng thẻ HTML ngữ nghĩa giúp các công nghệ hỗ trợ như trình đọc màn hình hiểu rõ hơn cấu trúc và mục đích của các phần khác nhau trên trang web, từ đó cải thiện trải nghiệm cho người dùng khuyết tật. Kết luận Lý giải: Cải thiện khả năng truy cập (accessibility) và SEO bằng cách cung cấp ý nghĩa cấu trúc cho nội dung.

Theo quy tắc tính độ đặc tả của CSS, một bộ chọn bao gồm một ID (ví dụ 'main-content') kết hợp với các bộ chọn thẻ và lớp (ví dụ 'p' và 'highlight') sẽ có độ ưu tiên cao hơn các bộ chọn chỉ dựa trên lớp, thẻ, hoặc kết hợp ít đặc tả hơn. Kết luận Lý giải: Bộ chọn kết hợp ID 'main-content', thẻ 'p', và lớp 'highlight'.

Thuộc tính boolean 'controls' khi được thêm vào thẻ 'video' hoặc 'audio' trong HTML5 sẽ hướng dẫn 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'.

Bộ chọn giả phần tử 'hai dấu hai chấm first-letter' cho phép các nhà thiết kế áp dụng các quy tắc CSS đặc biệt cho ký tự đầu tiên của dòng đầu tiên trong một phần tử khối, thường được dùng để tạo hiệu ứng chữ hoa đầu đoạn. Kết luận Lý giải: Bộ chọn 'hai dấu hai chấm first-letter'.

Thuộc tính 'z-index' được sử dụng để kiểm soát thứ tự xếp chồng của các phần tử trên trục Z, nhưng nó chỉ có hiệu lực đối với các phần tử đã được định vị, tức là có thuộc tính 'position' được đặt thành một giá trị khác 'static'. Kết luận Lý giải: Các phần tử có thuộc tính 'position' được đặt khác giá trị 'static'.

Bộ chọn giả lớp 'visited' trong CSS cho phép các nhà phát triển áp dụng kiểu dáng cụ thể cho các thẻ 'a' (liên kết) mà người dùng đã nhấp vào và truy cập. Kết luận Lý giải: Bộ chọn giả lớp 'visited'.

Giá trị 'block' cho thuộc tính 'display' khiến phần tử hoạt động như một khối, tự động xuống dòng và chiếm toàn bộ chiều rộng của vùng chứa nếu không được chỉ định khác, đồng thời cho phép kiểm soát kích thước. Kết luận Lý giải: Giá trị 'block'.

Thuộc tính 'grid-template-columns' được áp dụng cho phần tử cha (grid container) để xác định cấu trúc cột của lưới CSS, bao gồm số lượng cột và cách chúng chiếm không gian. Kết luận Lý giải: Thuộc tính 'grid-template-columns'.

Theo quy tắc đặc tả CSS, một bộ chọn ID (ví dụ được đặt tên là 'thongbao') có độ ưu tiên cao hơn bộ chọn lớp hoặc bộ chọn thẻ, làm cho nó phù hợp để nhắm mục tiêu một phần tử duy nhất. Kết luận Lý giải: Sử dụng một bộ chọn ID.

Các truy vấn phương tiện (media queries) trong CSS cho phép áp dụng kiểu có điều kiện, và một truy vấn với điều kiện 'chiều rộng tối đa là 600 pixel' sẽ kích hoạt các quy tắc CSS bên trong nó khi chiều rộng màn hình xem không vượt quá 600 pixel. Kết luận Lý giải: Một truy vấn phương tiện (media query) với điều kiện 'chiều rộng tối đa là 600 pixel'.

Theo các phân tích về hiệu suất web, việc khai báo kích thước 'width' và 'height' cho hình ảnh giúp trình duyệt dành sẵn không gian cho hình ảnh đó trước khi nó được tải hoàn toàn, từ đó ngăn chặn hiện tượng dịch chuyển bố cục (layout shift) khi hình ảnh xuất hiện. Kết luận Lý giải: Giúp trình duyệt dành không gian cho hình ảnh, tránh dịch chuyển bố cục khi tải.

Mô hình hộp CSS chuẩn xác định rằng mỗi phần tử HTML được bao quanh bởi bốn lớp theo thứ tự từ trong cùng ra ngoài cùng là nội dung, sau đó là phần đệm, tiếp theo là đường viền, và cuối cùng là lề. Kết luận Lý giải: Nội dung, Đệm (Padding), Viền (Border), Lề (Margin).

Biến CSS tùy chỉnh được khai báo với tiền tố là hai dấu gạch nối (ví dụ 'haidaugachnoi main-color') và được gán một giá trị; sau đó, chúng được tham chiếu bằng cách sử dụng hàm 'var' với tên biến làm đối số (ví dụ 'var(haidaugachnoi main-color)'). Kết luận Lý giải: Khai báo biến với tiền tố 'hai dấu gạch nối' (ví dụ 'haidaugachnoi main-color giá trị blue') và sử dụng với hàm 'var(tên biến)'.

Thuộc tính 'alt' trong thẻ hình ảnh (img) cung cấp một mô tả văn bản cho hình ảnh, rất quan trọng cho khả năng truy cập và khi hình ảnh bị lỗi tải. Kết luận Lý giải: Thuộc tính 'alt'.