Trắc nghiệm Tin học KHMT 12 cánh diềuTrắ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 Đăng vào 3 Tháng 5, 2026 bởi admin 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 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 Số câu25Quiz ID43967 Làm bài Câu 1 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? A padding B border-spacing C margin D gap Câu 2 Để 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? A width: 50%; max-width: 800px B width: 50%; min-width: 800px C width: 800px; max-width: 50% D width: 50%; limit-width: 800px Câu 3 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)? A Thẻ 'article' B Thẻ 'aside' C Thẻ 'footer' D Thẻ 'div' Câu 4 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'? A Giúp trình duyệt tải trang nhanh hơn B Tự động căn chỉnh bố cục đẹp hơn mà không cần CSS C 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 D Giúp bảo mật mã nguồn trang web tốt hơn Câu 5 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ử? A border-width B border-style C border-color D border-type Câu 6 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'? A Độ rộng tổng thể của phần tử sẽ tăng lên B Phần lề (Margin) sẽ tự động giảm đi C Phần nội dung (Content) sẽ bị thu hẹp lại để giữ nguyên độ rộng tổng thể D Khung viền (Border) sẽ tự động biến mất 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ử? A Lề (Margin) B Độ rộng (Width) C Phần đệm (Padding) D Vùng trống (Empty space) Câu 8 Sự khác biệt chính giữa 'Margin' và 'Padding' là gì? A Margin nằm bên trong Border còn Padding nằm bên ngoài Border B 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 C Padding có thể nhận giá trị âm còn Margin thì không D Padding luôn có màu nền còn Margin thì luôn trong suốt Câu 9 Khai báo 'padding: 5px 10px 15px 20px' sẽ thiết lập phần đệm bên trái là bao nhiêu? A 5px B 10px C 15px D 20px Câu 10 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? A Thẻ 'header' B Thẻ 'main' C Thẻ 'nav' D Thẻ 'section' Câu 11 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? A 100px B 85px C 70px D 130px Câu 12 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? A Thẻ 'section' B Thẻ 'main' C Thẻ 'article' D Thẻ 'body' Câu 13 Để 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? A px (pixel) B pt (point) C % (phần trăm) D cm (centimeter) Câu 14 Để 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? A margin: center B padding: auto C margin: auto D align: middle Câu 15 Trong CSS, thuộc tính 'border' là cách viết tắt của những thuộc tính nào? A border-width, border-style, border-color B border-top, border-bottom, border-middle C border-image, border-radius, border-shadow D border-padding, border-margin, border-content Câu 16 Trong CSS, thuộc tính 'box-sizing' có giá trị mặc định là gì? A border-box B padding-box C margin-box D content-box Câu 17 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ì? A inline B block C flex D none Câu 18 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? A Phần tử sẽ nằm gọn trong phần tử cha B 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% C Phần đệm sẽ tự động bị xóa bỏ D Phần tử cha sẽ tự động giãn rộng ra Câu 19 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? A Chân trang (Footer) B Thanh bên (Sidebar) C Tiêu đề trang (Header) D Nội dung chính (Main content) Câu 20 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? A Chỉ vùng nội dung (Content) B Vùng nội dung và vùng phần đệm (Padding) C Vùng nội dung, phần đệm và lề (Margin) D Tất cả các thành phần bao gồm cả lề Câu 21 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? A 300px B 325px C 350px D 340px Câu 22 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? A Thẻ 'article' B Thẻ 'header' C Thẻ 'main' D Thẻ 'footer' Câu 23 Để 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? A margin: 10px 20px B margin: 20px 10px C margin: 10px 20px 10px 20px D Cả A và C đều đúng Câu 24 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? A Nội dung (Content) B Lề (Margin) C Khung viền (Border) D Phần đệm (Padding) Câu 25 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? A Chỉ tính bằng giá trị của thuộc tính width B Width + Padding trái/phải + Border trái/phải C Width + Margin trái/phải D Width - Padding trái/phải - Border trái/phải Trắc nghiệm Khoa học máy tính 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh Trắc nghiệm Khoa học máy tính 12 Cánh diều bài 1: Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin
