1. div 布局
div 布局是指将 HTML 元素分割成多个 div 元素，并使用 CSS 对其进行样式和布局的一种布局方式。div 元素被用于容器，容器可以是任何 HTML 元素，如段落、标题、图像等。div 布局的优点在于简单易懂，易于实现，并且可以灵活地调整布局。
2. CSS 布局
CSS 布局是指使用 CSS 样式来对 HTML 元素进行布局的一种布局方式。在 CSS 布局中，可以使用不同的 CSS 布局方式，如层叠布局、栅格布局、伪类布局等。CSS 布局的优点在于可以实现复杂的布局，并且可以根据需求灵活地调整布局。
在 CSS 布局中，可以使用不同的 CSS 属性来调整布局，如高度、宽度、margin、padding、border 等。同时，可以使用伪类和类名来创建不同的布局效果。
3. 总结
div 和 CSS 布局是 Web 开发中常用的一种布局方式，通过将 HTML 元素分割成多个 div 元素，并使用 CSS 对其进行样式和布局，可以实现良好的视觉效果和可读性。div 布局和 CSS 布局都具有简单易懂、易于实现、灵活调整布局等优点。在使用 div 和 CSS 布局时，需要根据具体的需求来选择合适的 div 类型和 CSS 布局方式，并灵活地调整布局效果。