Trắc nghiệm Khoa học máy tính 12 Cánh diều bài 11: Mô hình hộp, bố cục trang web giúp bạn đánh giá chính xác mức độ hiểu bài 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 học sinh muốn cải thiện điểm số. 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 hiệu quả hơn.
Trắc nghiệm Khoa học máy tính 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: Để xác định độ rộng của một hộp là 50% cửa sổ trình duyệt nhưng không bao giờ vượt quá 800px, ta sử dụng cặp thuộc tính nào?
- - width: 50%; max-width: 800px
- - width: 50%; min-width: 800px
- - width: 800px; max-width: 50%
- - width: 50%; limit-width: 800px
Câu 2: Thuộc tính nào dùng để thiết lập khoảng cách giữa các khung viền của hai hộp phần tử nằm cạnh nhau?
- - padding
- - border-spacing
- - margin
- - gap
Câu 3: Một phần tử có width=300px, padding=20px, border=5px và box-sizing=content-box. Chiều rộng thực tế mà nó chiếm trên trình duyệt là bao nhiêu?
- - 300px
- - 325px
- - 350px
- - 340px
Câu 4: Trong cấu trúc trang web phổ biến, thành phần nào thường chứa biểu trưng (logo) và tên trang web?
- - Thẻ 'article'
- - Thẻ 'header'
- - Thẻ 'main'
- - Thẻ 'footer'
Câu 5: Để tạo một bố cục cột cho trang web mà các thành phần có thể linh hoạt co giãn, đơn vị nào sau đây thường được ưu tiên sử dụng cho độ rộng?
- - px (pixel)
- - pt (point)
- - % (phần trăm)
- - cm (centimeter)
Câu 6: Thành phần nào trong bố cục trang web thường chứa thông tin bản quyền, địa chỉ liên hệ hoặc các liên kết mạng xã hội?
- - Chân trang (Footer)
- - Thanh bên (Sidebar)
- - Tiêu đề trang (Header)
- - Nội dung chính (Main content)
Câu 7: Thành phần nào trong mô hình hộp dùng để tạo khoảng cách giữa nội dung và khung viền của phần tử?
- - Lề (Margin)
- - Độ rộng (Width)
- - Phần đệm (Padding)
- - Vùng trống (Empty space)
Câu 8: Tại sao việc sử dụng các thẻ ngữ nghĩa như 'header', 'nav', 'footer' lại tốt hơn so với việc chỉ dùng thẻ 'div'?
- - Giúp trình duyệt tải trang nhanh hơn
- - Tự động căn chỉnh bố cục đẹp hơn mà không cần CSS
- - Giúp máy tìm kiếm và các thiết bị hỗ trợ hiểu rõ cấu trúc nội dung trang web
- - Giúp bảo mật mã nguồn trang web tốt hơn
Câu 9: Để căn giữa một khối phần tử (như thẻ 'div') theo chiều ngang trong phần tử cha, ta thường dùng thuộc tính nào?
- - margin: center
- - padding: auto
- - margin: auto
- - align: middle
Câu 10: Một hộp có width=100px, padding=10px, border=5px và box-sizing=border-box. Chiều rộng của phần nội dung (Content) thực tế là bao nhiêu?
- - 100px
- - 85px
- - 70px
- - 130px
Câu 11: Sự khác biệt chính giữa 'Margin' và 'Padding' là gì?
- - Margin nằm bên trong Border còn Padding nằm bên ngoài Border
- - Margin tạo khoảng cách giữa các phần tử còn Padding tạo khoảng cách giữa nội dung và viền
- - Padding có thể nhận giá trị âm còn Margin thì không
- - Padding luôn có màu nền còn Margin thì luôn trong suốt
Câu 12: Khi sử dụng thẻ 'div' để tạo bố cục, giá trị hiển thị mặc định của thuộc tính 'display' là gì?
- - inline
- - block
- - flex
- - none
Câu 13: Khi thiết lập 'box-sizing: border-box', điều gì sẽ xảy ra nếu bạn tăng độ dày của 'padding'?
- - Độ rộng tổng thể của phần tử sẽ tăng lên
- - Phần lề (Margin) sẽ tự động giảm đi
- - Phần nội dung (Content) sẽ bị thu hẹp lại để giữ nguyên độ rộng tổng thể
- - Khung viền (Border) sẽ tự động biến mất
Câu 14: Thuộc tính nào xác định kiểu đường viền (như nét đứt, nét liền) cho một phần tử?
- - border-width
- - border-style
- - border-color
- - border-type
Câu 15: Để thiết lập lề trên và lề dưới là 10px, lề trái và lề phải là 20px bằng cách dùng shorthand, cú pháp nào sau đây đúng?
- - margin: 10px 20px
- - margin: 20px 10px
- - margin: 10px 20px 10px 20px
- - Cả A và C đều đúng
Câu 16: Khai báo 'padding: 5px 10px 15px 20px' sẽ thiết lập phần đệm bên trái là bao nhiêu?
- - 5px
- - 10px
- - 15px
- - 20px
Câu 17: Thẻ HTML nào được dùng để bao quanh nội dung độc lập và có liên quan gián tiếp đến nội dung chính (thường dùng làm thanh bên)?
- - Thẻ 'article'
- - Thẻ 'aside'
- - Thẻ 'footer'
- - Thẻ 'div'
Câu 18: Trong mô hình hộp, nếu thuộc tính 'background-color' được thiết lập, màu nền đó sẽ hiển thị ở những vùng nào?
- - Chỉ vùng nội dung (Content)
- - Vùng nội dung và vùng phần đệm (Padding)
- - Vùng nội dung, phần đệm và lề (Margin)
- - Tất cả các thành phần bao gồm cả lề
Câu 19: Thành phần nào sau đây thường chứa các liên kết điều hướng đến các trang khác trong website?
- - Thẻ 'header'
- - Thẻ 'main'
- - Thẻ 'nav'
- - Thẻ 'section'
Câu 20: Nếu một phần tử có 'box-sizing: content-box', chiều rộng thực tế (total width) của nó được tính như thế nào?
- - Chỉ tính bằng giá trị của thuộc tính width
- - Width + Padding trái/phải + Border trái/phải
- - Width + Margin trái/phải
- - Width - Padding trái/phải - Border trái/phải
Câu 21: Trong CSS, thuộc tính 'border' là cách viết tắt của những thuộc tính nào?
- - border-width, border-style, border-color
- - border-top, border-bottom, border-middle
- - border-image, border-radius, border-shadow
- - border-padding, border-margin, border-content
Câu 22: Trong mô hình hộp (Box Model) của CSS, thành phần nào nằm ở vị trí ngoài cùng?
- - Nội dung (Content)
- - Lề (Margin)
- - Khung viền (Border)
- - Phần đệm (Padding)
Câu 23: Trong CSS, thuộc tính 'box-sizing' có giá trị mặc định là gì?
- - border-box
- - padding-box
- - margin-box
- - content-box
Câu 24: Thẻ HTML nào đại diện cho nội dung chính, duy nhất của một trang web và không nên chứa các thành phần lặp lại ở nhiều trang?
- - Thẻ 'section'
- - Thẻ 'main'
- - Thẻ 'article'
- - Thẻ 'body'
Câu 25: Khi thiết lập 'width: 100%' cho một phần tử có 'box-sizing: content-box' và có 'padding: 10px', hiện tượng gì sẽ xảy ra?
- - Phần tử sẽ nằm gọn trong phần tử cha
- - Phần tử sẽ bị tràn ra khỏi phần tử cha do tổng chiều rộng lớn hơn 100%
- - Phần đệm sẽ tự động bị xóa bỏ
- - Phần tử cha sẽ tự động giãn rộng ra