最近幾年，CSS3成為了前端開發工作中不可或缺的一部分。在面試中，很多公司也會考察CSS3基礎能力。下面是一些常見的CSS3面試題目：

1. 請解釋CSS3中的“box-sizing”屬性，它有哪些值可選？

box-sizing屬性指定一個元素的盒模型是否包括其邊框尺寸。它有兩個值可選：content-box和border-box。content-box模式下，元素的尺寸僅包括內容部分，不包含邊框和內邊距部分；border-box模式下，元素的尺寸包括內容、內邊距和邊框部分。通常情況下，我們會選擇border-box模式來布局，這樣能夠更方便和精確地控制元素的尺寸。

2. 什么是“偽類”和“偽元素”，它們的作用是什么？

偽類和偽元素是CSS3中非常實用的功能，它們允許我們更加靈活地選擇和渲染頁面文檔。偽類通過選擇元素的狀態來改變元素的樣式，例如:hover、:active等；偽元素則是選擇元素的特定部分來應用樣式，例如:before、:after等。

3. 請解釋CSS3中“@media”和“@import”規則的區別？

@media規則用于為不同的輸出設備（例如屏幕、打印機、移動設備等）定制不同的樣式，這樣我們就可以為不同分辨率、屏幕尺寸的設備提供不同的樣式和布局；@import規則主要用于將外部CSS樣式表導入到當前的樣式表中，它可以實現多個樣式表之間的復用和共享。

4. 如何實現響應式布局？

響應式布局是指能夠自適應瀏覽器窗口尺寸變化，適應不同設備的分辨率和顯示大小。實現響應式布局的關鍵在于CSS3中的媒體查詢技術。我們可以基于不同設備的屏幕尺寸、像素比、橫豎屏等特性來定義不同的CSS樣式。此外，使用“彈性布局”（Flexbox）和“網格布局”（Grid）等新型布局技術也可以更方便地實現響應式布局。