最近我在學習前端開發中遇到了一些關于CSS樣式的試題，下面我來分享一下。

1. box-sizing屬性有哪些取值？分別有什么作用？
box-sizing: content-box; // 默認值，寬度與高度只包括內容的寬度與高度
box-sizing: border-box; // 寬度與高度包括內容、內邊距和邊框的寬度與高度
box-sizing: inherit; // 繼承父元素的box-sizing屬性取值
設置box-sizing為border-box可以避免盒子大小受內邊距和邊框的影響，有助于實現響應式布局。

接下來是另一個示例：

2. display屬性有哪些取值？分別有什么作用？
display: block; // 塊級元素，占據一行寬度，可以設置寬度和高度，可以包含行內元素和其他塊級元素
display: inline; // 行內元素，不會換行，寬度和高度由內容撐開，不能設置寬度和高度，只能包含文本或者其他行內元素
display: inline-block; // 行內塊級元素，不會換行，可以設置寬度和高度，可以包含行內元素和其他行內塊級元素
display: none; // 不可見，不占據空間
display: flex; // 彈性布局，可以實現更復雜的布局方式
display: grid; // 網格布局，可以實現更復雜的布局方式

以上就是兩個常見的CSS樣式試題，希望能對大家有所幫助。