秦小

CSSMM4E 笔记 - 3.12 - CSS 布局简介

发表于 | 分类于

Web页面布局类型

  • 固定宽度 Fixed Width
  • 流式 Liquid
  • 响应式web设计 Responsive web design (RWD)

CSS 布局怎样工作

最早用表格.

<div>元素分块, 浏览器没有为div预设样式, div只是在块前后加了两个新行.

应用HTML5新的sectioning Elements代替div.

CSS Layout 技术:

  1. 浮动 float;
  2. 绝对定位 absolute positioning;
  3. 网格系统 grid system;
  4. 弹性盒子 flexbox.

布局策略