什么是布局

  • 简单来说就是HTML页面的整体结构或骨架，类似于传统的报纸或杂志中的排版;
  • 布局不是某个技术内容，而是一-种设计思想;
  • CSS知识体系的重中之重
  • 早期以table为主(简 单)
  • 后来以技巧性布局为主(难)
  • 现在有flexbox/grid(偏 简单)
  • 响应式布局是必备知识

布局方案

  • Float布局
  • 盒布局
  • Flex布局
  • Grid布局
  • Columns布局
  • Shapes布局