CSS响应式布局是指通过CSS的技术手段，使得网页在不同设备上（如电脑、平板、手机等）能够自适应地进行布局，以适应不同屏幕尺寸的设备。

以下是一些基础知识点：

媒体查询（Media Query）：是CSS3的一个模块，用于根据不同的设备或浏览器属性来应用不同的CSS样式。通过媒体查询，可以根据屏幕尺寸、设备像素比、设备方向等属性，应用不同的CSS规则。媒体查询通常写在CSS文件的末尾，以@media规则的形式出现。

视口（Viewport）：指用户正在浏览的那个区域，不同设备的视口大小不同。在响应式设计中，通过meta标签的viewport属性来控制网页的缩放和显示区域大小。

弹性布局（Flexbox）：是一种新的布局方式，它提供了灵活的排列方式，可以轻松地实现不同屏幕尺寸下的自适应布局。通过flex容器和flex项的定义，可以控制网页的水平和垂直方向上的布局方式。

栅格系统（Grid System）：是一种基于栅格布局的设计方式，通过将网页划分为等宽的列和行，使得网页可以自适应地适应不同屏幕尺寸。栅格系统通常由一个容器和若干个栅格组成，栅格的大小和位置可以通过CSS来控制。

图片和媒体查询：在响应式设计中，图片通常是一个比较大的问题。通过CSS的媒体查询，可以根据不同设备的屏幕大小来应用不同尺寸的图片。此外，还可以通过CSS3的新属性object-fit来控制图片的缩放方式，以适应不同屏幕尺寸。

以上是一些基础知识点，响应式布局还有很多细节需要注意。在实际开发中，需要结合具体的设计需求和技术实现来进行布局。