菜园前端

在不同屏幕分辨率下，能够以最佳的方式进行展示，元素的宽度尺寸以及展示方式可能会改变。通常使用 @media 多媒体查询来实现响应式布局。

自适应布局 什么是自适应布局？ 在不同屏幕分辨率下，能够以最佳的方式进行展示，元素的宽度尺寸可能会改变，但是原有的展示方式不

静态布局 什么是静态布局？ 静态布局是平时开发中最常见的一种布局。就是给布局的元素设置固定的宽度和高度，无论你的屏幕分辨率是

flex 布局.为什么要使用 flex 布局？ flex 布局是目前比较流行的一种布局，因为它十分简单灵活，区区简单几行代码

绝对、相对、固定定位三者区别 正常布局 文档流布局方式，按照顺序一个个排列好，效果如下图： 在演练场中尝试一下 绝对定位 该

权重划分 选择器权重划分代表有多个选择器同时选中同一个元素时，应该以谁的为准，这里就会涉及到权重的问题。 现实生活举例 假设

选择器代表如何选中某个元素 现实生活举例 我们可以想象一个元素，其实就是一个人，那我该如何找到这个人呢？例如

定位相关 相对定位 绝对定位 固定定位 定位元素层级 注意：z-index 设置 -2 以下则在页面中不会显示

CSS3 是 CSS 一个新的标准，直接理解为是 CSS 的升级版，里面新增了很多样式（特性）。CSS3 盒子模型....