栅格布局是一种将网页分成多个小网格单元格的方法。通过设置栅格大小和间隔，可以控制每个单元格中元素的大小和位置。栅格布局常用于布局复杂的页面结构，如导航栏、侧边栏、表格等。
伪块布局是一种将网页分成多个伪块(即伪段落)的方法。每个伪块包含一个父块和一个子块，可以通过设置伪块的大小和位置来控制每个子块的大小和位置。伪块布局适用于需要大量重复元素布局的页面，如段落、列表项等。
块级格式化是一种将网页中每个块(即块元素)格式化为特定的样式的方法。通过在块元素中添加类、属性和伪块等，可以控制块元素的样式和位置。块级格式化适用于需要格式化页面内容的块元素，如标题、列表项等。
响应式布局是一种根据屏幕大小和分辨率自动调整布局的方法。通过设置页面元素的尺寸和位置，可以适应不同大小的屏幕。响应式布局适用于需要适应不同屏幕大小和分辨率的页面，如移动端和桌面端。
以上是CSS常用的布局设计方式，不同的布局方式适用于不同的页面结构和内容，通过选择适合的布局方式，可以提高网页的可读性、可用性和美观度。