摘要：
1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变（左右+上下+背景图） .layout{ width: 10 阅读全文
摘要：
1、aspect-ratio宽高比例属性 aspect-ratio: 1 / 1; aspect-ratio: 16 / 9; aspect-ratio: 0.5; //等同于 1/2 如下效果将为每个box子元素设置aspect-ratio:3 / 2，如下图所示： 2、object-fit图片裁 阅读全文
摘要：
1、grid布局两端对齐,最后一行左对齐。 display: grid; // grid-template-columns: 1fr 1fr 1fr 1fr; // 简写： grid-template-columns: repeat(4, 1fr); gap: 30px; 2、响应式布局：auto- 阅读全文
摘要：
|| 逻辑或运算符 在处理空值或者默认值时会遵循 JavaScript 的类型转换规则。如果左侧的表达式结果为假值（如false、0、空字符串""、null、undefined、NaN），则返回右侧的值。 const x = null; const y = x || "default"; conso 阅读全文