CSS盒模型是網(wǎng)頁設(shè)計(jì)中非常重要的概念，下面是一些關(guān)于CSS盒模型的選擇題，讓我們一起來測(cè)試一下你的知識(shí)吧！

1. CSS盒模型由哪幾個(gè)部分組成？
A. margin padding content border
B. select input button label
C. head body footer script
2. 盒模型的width和height屬性是指哪部分的寬度和高度？
A. margin
B. padding
C. content
3. box-sizing屬性有哪幾種取值？
A. margin padding content
B. content-box border-box
C. top right bottom left
4. 如何設(shè)置一個(gè)元素的盒模型為border-box模式？
A. { box-sizing:margin-box; }
B. { box-sizing:border-box; }
C. { box-sizing:padding-box; }
5. 盒子間的間距可以通過哪個(gè)屬性來設(shè)置？
A. margin
B. padding
C. border
6. 如何在一個(gè)元素中包含另一個(gè)元素？
A. 使用display屬性
B. 使用position屬性
C. 使用float屬性
7. 若兩個(gè)元素的margin-top和margin-bottom相遇，它們之間的間距是多少？
A. 相加
B. 取最大值
C. 取最小值
8. 如何讓一個(gè)元素左右居中？
A. { text-align:center; }
B. { margin-left:auto; margin-right:auto; }
C. { position:absolute; left:50%; margin-left:-[元素寬度的一半]; }
9. 盒子的默認(rèn)display屬性是什么？
A. block
B. inline
C. inline-block
10. 如何讓一個(gè)元素不占據(jù)空間？
A. { display:none; }
B. { visibility:hidden; }
C. { opacity:0; }