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 giúp bạn nhận biết điểm mạnh và điểm yếu của bản thân thông qua hệ thống câu hỏi đa dạng. Các câu hỏi được thiết kế khoa học giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với người học muốn tự đánh giá năng lực. Thông qua quá trình làm bài, bạn có thể biết được nội dung nào cần ôn lại. Điều này giúp việc học trở nên có mục tiêu rõ ràng hơn.
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
⏱ 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: Phần tử nào sau đây có thuộc tính display mặc định là 'block'?
- - div
- - span
- - a
- - img
Câu 2: 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ử đó?
- - Phần tử bị ẩn và không chiếm không gian
- - Phần tử vẫn chiếm không gian nhưng không hiển thị
- - Phần tử được hiển thị dạng khối
- - Phần tử bị vô hiệu hóa các liên kết
Câu 3: 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?
- - stretch
- - center
- - flex-start
- - flex-end
Câu 4: Thuộc tính nào giúp flex items giãn ra để lấp đầy không gian trống thừa?
- - flex-grow
- - flex-shrink
- - flex-basis
- - flex-direction
Câu 5: Để 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ì?
- - order
- - flex-basis
- - align-self
- - flex-grow
Câu 6: 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?
- - 4
- - 2
- - 1
- - 3
Câu 7: Nếu một container có display: flex, trục chính mặc định theo chiều nào?
- - Nằm ngang (từ trái sang phải)
- - Thẳng đứng (từ trên xuống dưới)
- - Đường chéo
- - Tùy biến theo nội dung
Câu 8: 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ì?
- - Flex items
- - Block elements
- - Inline elements
- - Floating elements
Câu 9: 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?
- - Flexbox
- - Table-based layout
- - Float-based layout
- - Absolute positioning
Câu 10: 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?
- - Độ dày, kiểu đường viền, màu sắc
- - Độ dày, độ trong suốt, kiểu đổ bóng
- - Khoảng cách, độ rộng, màu sắc
- - Chiều cao, chiều rộng, bán kính
Câu 11: 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ử?
- - border-width
- - border-style
- - border-color
- - border-radius
Câu 12: 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?
- - Margin
- - Padding
- - Border
- - Content
Câu 13: 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?
- - Margin
- - Padding
- - Outline
- - Box-sizing
Câu 14: 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?
- - center
- - space-between
- - flex-start
- - stretch
Câu 15: Để ẩ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ì?
- - visibility: hidden
- - display: none
- - opacity: 0
- - position: absolute
Câu 16: Để 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?
- - padding: 0
- - margin: 0
- - border: none
- - display: block
Câu 17: 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'?
- - Tổng chiều rộng = width + padding + border
- - Tổng chiều rộng = width - padding - border
- - Tổng chiều rộng = width
- - Tổng chiều rộng = margin
Câu 18: Thuộc tính nào điều khiển hướng sắp xếp của các flex items trong Flexbox?
- - flex-direction
- - flex-wrap
- - align-items
- - justify-content
Câu 19: Để 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?
- - space-between
- - flex-start
- - flex-end
- - center
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?
- - em
- - px
- - cm
- - in
Câu 21: 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?
- - align-content
- - align-items
- - align-self
- - justify-content
Câu 22: Để tạo một đường viền bo góc, ta sử dụng thuộc tính nào trong CSS?
- - border-radius
- - border-style
- - border-width
- - border-collapse
Câu 23: Để 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?
- - flex-wrap: wrap
- - flex-wrap: nowrap
- - flex-direction: column
- - align-content: stretch
Câu 24: 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?
- - Đẩy nội dung ra xa so với đường viền
- - Làm nội dung co lại
- - Tăng kích thước font chữ
- - Đẩy phần tử ra xa các phần tử lân cận
Câu 25: 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?
- - box-sizing: border-box
- - box-sizing: content-box
- - display: flex
- - float: left