CSS 布局的 3 种机制分别是普通流(标准流)、浮动和定位。
①普通流(标准流)
(1) 块级元素会独占一行，从上向下顺序排列;
常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table
(2) 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行;
常用元素：span、a、i、em等
②浮动
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
③定位
将盒子定在浏览器的某一个位置——CSS 离不开定位，特别是后面的 js 特效。
要改变图片的大小，可以使用CSS中的“width”和“height”属性来设置图片的宽度和高度。通过为图片添加样式，并设定合适的像素值或百分比值来调整图片的尺寸。例如，可以使用“width: 200px;”来将图片的宽度设置为200像素，或者使用“height: 50%;”来将图片的高度设置为父元素的50%。
还可以使用“max-width”和“max-height”属性来限制图片的最大尺寸，以确保图片在调整大小时不失真。总之，在CSS中灵活运用这些属性，可以轻松地改变图片的大小。
