今天实际操作上手有一点小变更，就是将top中的nav-bottom模块重划分到main部分中。
这样刚好是一个完整的main，不用重新切割测量大小。
2024年12月13日
2024年12月13日
提示：点击上方"蓝色字体"↑ 可以订阅噢！
摘要 51RGB官方微信
小技巧知识整合，小白们的福利
设置元素的现实方式
display：block
默认宽度为父级元素宽度
可设置宽高
换行显示
display：inline
默认宽度为内容宽度
2024年12月13日
网格布局（Grid）是CSS中一种用于创建二维网格布局的布局模型。它允许我们在网页中以行和列的形式定义网格，并在这些网格中放置HTML元素。网格布局是一个强大且灵活的CSS布局系统，它比传统的浮动布局和Flexbox布局更适用于复杂的网页布局。
一、特点和优势：
1. 二维布局：网格布局是一个二维布局模型，可以同时控制元素在行和列方向上的位置和大小。
2024年12月13日
布局是网页设计的核心之一，在CSS3中引入了一些新的技术手段，与传统的浮动（float）和定位（positioning）布局方式不同，CSS3提供了更为强大和灵活的布局方案，主要包括Flexbox、Grid、以及多列布局。这些新方式不仅能有效提高页面布局的效率，还能帮助开发者创建响应式和动态的页面。接下来，我们将详细介绍这几种常见的页面布局方式。