摘要：
视觉效果 CSS代码： .cover { padding: 36% 50%; background: linear-gradient(to right, white 50%, black calc(50% + 1px)); position: relative; font-size: 200%; } 阅读全文
摘要：
文章参考 一、前言&索引 给<div>这类块状元素元素设置display:grid或者给<span>这类内联元素设置display:inline-grid，Grid布局即创建！例如： div { display: grid; } 此时该div就是“grid容器”，其子元素称为“grid子项”。 // 阅读全文
摘要：
文章参考至 一、前言&索引 CSS Shapes布局可以实现不规则的文字环绕效果，需要和浮动配合使用。 兼容性如下图： 还是很不错的，移动端可用，内部中后台项目可用。 CSS shapes布局相关属性并不多，学习成本比grid布局，flex布局小很多。 二、详细了解shape-outside sha 阅读全文