,尽量减少改动时要编辑的地方,易维护,性能高;
使用css变量,currentColor,inherit...目前css变量很少,兼容性有待改善
响应式网页设计,每个媒体查询都会增加成本;避免媒体查询...使用百分比长度来取代固定长度,或者使用与视口相关的单位(vw,vh,vmin,vmax),她们的值解析为视口宽度或高度的百分比
当你需要在较大分辨率下得到固定宽度, 使用max-width代替...: 规定了指定背景图片background-image 属性的原点位置的背景相对区域,重点在background-position位置的源点
border-box: 背景将会延伸到延伸到外边界的边框...紧贴底部的页脚
一个具有块级样式的页脚,当页面内容足够长时他一切正常,但是当页面比较短时,就会出现问题;页脚就不能像我们期望中那样紧贴在视口的最底部,而是在内容的下方
解决方案:flex弹性布局
flex...,(x2,y2),表示第二个-P2;曲线的片段分别固定在(0,0)-P0起点,(1,1)-P4终点;
我们需要关注的是 P1 和 P2 两点的取值,而其中 X 轴的取值范围是 0 到 1,当取值超出范围时