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）等新型布局技术也可以更方便地实现响应式布局。