WorksheetsCâu hỏi về CSS Box Model
Total questions: 19
Worksheet time: 10mins
CSS Box Model bao gồm những thành phần nào?
Margin, Border, Padding, Content
Margin, Border, Padding, Background
Margin, Border, Font, Content
Padding, Margin, Font, Background
Thuộc tính `padding` ảnh hưởng đến phần nào của hộp?
Khoảng cách bên ngoài Border
Khoảng cách giữa Content và Border
Độ rộng của Border
Kích thước của Content
Thuộc tính `margin` ảnh hưởng đến điều gì?
Khoảng cách giữa Content và Border
Khoảng cách giữa Border và các phần tử khác
Kích thước của Content
Độ rộng của Border
Thuộc tính nào dùng để thiết lập độ rộng của viền trong Box Model?
`margin`
`border-width`
`padding`
`width`
Trong Box Model, nếu muốn thêm khoảng cách giữa phần tử và các phần tử khác, bạn sẽ sử dụng thuộc tính nào?
`margin`
`padding`
`border`
`width`
Khi sử dụng thuộc tính `box-sizing: border-box;`, điều gì xảy ra?
Chỉ kích thước Content thay đổi
Padding và Border được bao gồm trong tổng độ rộng và chiều cao
Margin được bao gồm trong kích thước hộp
Không có thay đổi gì về Box Model
Thuộc tính nào trong CSS được sử dụng để điều chỉnh khoảng cách giữa phần nội dung và viền?
`padding`
`margin`
`border`
`width`
Thuộc tính `border-style: solid;` làm gì?
Đặt kiểu đường viền thành chấm
Đặt kiểu đường viền thành nét đứt
Đặt kiểu đường viền thành liền nét
Loại bỏ đường viền
Giá trị mặc định của `box-sizing` là gì?
`border-box`
`content-box`
`padding-box`
`inherit`
Thuộc tính nào xác định độ dày của viền (border)?
`border-width`
`border-size`
`padding`
`margin`
Giá trị `0 auto` của thuộc tính `margin` có tác dụng gì?
Căn phần tử về phía bên trái
Căn phần tử vào giữa ngang
Căn phần tử về phía bên phải
Loại bỏ toàn bộ khoảng cách giữa các phần tử
Thuộc tính nào cho phép thiết lập màu sắc của viền?
`border-color`
`color`
`padding`
`background-color`
Trong CSS, có thể đặt giá trị khác nhau cho `padding` của từng phía không?
Không
Có, bằng cách sử dụng `padding-left`, `padding-right`, `padding-top`, `padding-bottom`
Chỉ với thuộc tính `margin`
Chỉ với thuộc tính `border`
Giá trị nào của thuộc tính `margin` có thể khiến phần tử được căn giữa theo chiều ngang?
`margin-left: 0; margin-right: auto;`
`margin-left: auto; margin-right: auto;`
`margin-left: auto; margin-right: 0;`
`margin-left: 0; margin-right: 0;`
`overflow: hidden;` trong Box Model có tác dụng gì?
Hiển thị các phần tử bị tràn ra ngoài hộp
Ẩn phần tử nằm ngoài Content
Phóng to phần tử
Thu nhỏ phần tử
Thuộc tính nào trong CSS có thể thiết lập bốn cạnh của Margin cùng một lúc?
`padding`
`margin`
`border`
`outline`
Giá trị mặc định của `padding` trong CSS là gì?
0
5px
10px
20px
Nếu thiết lập `width: 100px; padding: 10px; border: 5px solid;`, tổng độ rộng của phần tử sẽ là bao nhiêu khi `box-sizing: content-box;`?
100px
110px
130px
120px
Thuộc tính `border-radius` ảnh hưởng đến điều gì trong Box Model?
Độ rộng của viền
Độ bo góc của viền
Màu sắc của viền
Độ dày của viền
