Trắc nghiệm Tin học ứng dụng 12 cánh diềuTrắc nghiệm Tin học ứng dụng 12 Cánh diều bài 11: Mô hình hộp, bố cục trang web Đăng vào 3 Tháng 5, 2026 bởi admin Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 11: Mô hình hộp, bố cục trang web Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 11: Mô hình hộp, bố cục trang web Số câu25Quiz ID40738 Làm bài Câu 1 Giá trị nào của align-items giúp căn chỉnh các flex items theo trục chéo để chúng cao bằng nhau trong một container? A stretch B center C flex-start D flex-end Câu 2 Để tạo một đường viền bo góc, ta sử dụng thuộc tính nào trong CSS? A border-radius B border-style C border-width D border-collapse Câu 3 Khi sử dụng thuộc tính display: flex cho một phần tử cha, các phần tử con trực tiếp sẽ trở thành gì? A Flex items B Block elements C Inline elements D Floating elements Câu 4 Trong mô hình hộp, nếu thuộc tính display có giá trị là 'none', điều gì sẽ xảy ra với phần tử đó? A Phần tử bị ẩn và không chiếm không gian B Phần tử vẫn chiếm không gian nhưng không hiển thị C Phần tử được hiển thị dạng khối D Phần tử bị vô hiệu hóa các liên kết Câu 5 Khi nói đến mô hình hộp, việc cộng tổng kích thước phần tử thường gặp vấn đề gì nếu dùng 'content-box'? A Tổng chiều rộng = width + padding + border B Tổng chiều rộng = width - padding - border C Tổng chiều rộng = width D Tổng chiều rộng = margin Câu 6 Trong mô hình hộp (box model) của CSS, thành phần nào nằm ở lớp ngoài cùng, bao quanh toàn bộ nội dung, lề và đường viền? A Margin B Padding C Border D Content Câu 7 Để ẩn một phần tử nhưng vẫn giữ nguyên khoảng không gian mà nó chiếm chỗ, ta dùng thuộc tính gì? A visibility: hidden B display: none C opacity: 0 D position: absolute Câu 8 Bố cục nào hiện nay được coi là hiện đại và linh hoạt nhất để tạo layout cho trang web? A Flexbox B Table-based layout C Float-based layout D Absolute positioning Câu 9 Để căn đều khoảng cách giữa các phần tử con trong flex container, ta dùng giá trị nào của justify-content? A space-between B flex-start C flex-end D center Câu 10 Thuộc tính nào trong CSS được sử dụng để thiết lập độ dày cho đường viền của một phần tử? A border-width B border-style C border-color D border-radius Câu 11 Thuộc tính nào dùng để chỉ định khoảng cách giữa các phần tử flex trên trục chéo trong trường hợp có nhiều dòng? A align-content B align-items C align-self D justify-content Câu 12 Phần tử nào sau đây có thuộc tính display mặc định là 'block'? A div B span C a D img Câu 13 Khi thiết lập padding cho một thẻ, giá trị này sẽ ảnh hưởng như thế nào đến nội dung bên trong? A Đẩy nội dung ra xa so với đường viền B Làm nội dung co lại C Tăng kích thước font chữ D Đẩy phần tử ra xa các phần tử lân cận Câu 14 Thành phần nào nằm giữa nội dung (content) và đường viền (border) trong mô hình hộp? A Margin B Padding C Outline D Box-sizing Câu 15 Thuộc tính 'margin' có thể nhận tối đa bao nhiêu giá trị để chỉ định cho 4 cạnh khác nhau? A 4 B 2 C 1 D 3 Câu 16 Nếu một container có display: flex, trục chính mặc định theo chiều nào? A Nằm ngang (từ trái sang phải) B Thẳng đứng (từ trên xuống dưới) C Đường chéo D Tùy biến theo nội dung Câu 17 Thuộc tính nào giúp thay đổi cách tính kích thước của một phần tử, bao gồm cả padding và border vào trong chiều rộng và chiều cao? A box-sizing: border-box B box-sizing: content-box C display: flex D float: left Câu 18 Thuộc tính nào giúp flex items giãn ra để lấp đầy không gian trống thừa? A flex-grow B flex-shrink C flex-basis D flex-direction Câu 19 Để thay đổi thứ tự hiển thị của một flex item mà không cần sửa cấu trúc HTML, ta dùng thuộc tính gì? A order B flex-basis C align-self D flex-grow Câu 20 Đơn vị nào thường được sử dụng trong CSS để quy định padding hoặc margin dựa trên kích thước font chữ hiện tại? A em B px C cm D in Câu 21 Để xóa bỏ khoảng cách mặc định giữa các phần tử và mép trình duyệt, nhà phát triển web thường sử dụng thuộc tính nào cho thẻ body? A padding: 0 B margin: 0 C border: none D display: block Câu 22 Để cho phép các flex items xuống dòng khi không đủ không gian, ta sử dụng thuộc tính nào? A flex-wrap: wrap B flex-wrap: nowrap C flex-direction: column D align-content: stretch Câu 23 Thành phần 'border' trong mô hình hộp có thể được thiết lập bao gồm các thông số nào? A Độ dày, kiểu đường viền, màu sắc B Độ dày, độ trong suốt, kiểu đổ bóng C Khoảng cách, độ rộng, màu sắc D Chiều cao, chiều rộng, bán kính Câu 24 Giá trị nào của thuộc tính justify-content giúp căn giữa các phần tử con theo trục chính của Flexbox? A center B space-between C flex-start D stretch Câu 25 Thuộc tính nào điều khiển hướng sắp xếp của các flex items trong Flexbox? A flex-direction B flex-wrap C align-items D justify-content Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 12: Dự án nhỏ: Tạo trang web báo tường
