CSS布局有三种方式：行内布局、块级布局和定位布局。
1. 行内布局：行内元素按照文本的排列方式进行布局，可以水平排列也可以垂直排列。行内元素没有宽度和高度属性，其大小由内容决定。
2. 块级布局：块级元素占据一整行或一整列，可以设置宽度和高度属性。块级元素可以包含其他块级元素和行内元素。
3. 定位布局：定位布局通过设置元素的 op、righ、boom 和 lef 属性，将元素定位在页面的任意位置。定位元素可以覆盖其他元素，也可以被其他元素覆盖。
在CSS布局中，元素的大小、位置和边距等属性都是通过 CSS 规则来控制的。例如，我们可以使用 widh 属性来设置元素的宽度，使用 heigh 属性来设置元素的高度，使用 margi 属性来设置元素的边距，使用 paddig 属性来设置元素的内边距，使用 border 属性来设置元素的边框等等。
除了以上三种布局方式，CSS还提供了 Flexbox 和 Grid 两种更高级的布局方式，可以更加灵活地控制元素的布局和排列。
