border属性是一个用于设置各种单独边界属性的简写属性。border可以用于设置于一个或多个属性值,但是无法像background一次设置多冲北京一样同时设置不同(上下左右)的边框样式 border和所有简写属性一样，如果有缺省值会被设置成对应属性的缺省值。需要注意borde…

定义：相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。 正因为css选择器的样式为li+li{}，所以代码中的li标签就可以一直套用这个“公式”。 注：前端面包屑导航中经常用到该选择器。 通过这两个例子，可以…

与之对应的，还有 svmin、dvmin、svmax、dvmax、svi、dvi、svb、dvb，总之 s 就是 small；d 就是 dynamic；看图说话，你学废了吗？

哈喽大家好，好久没写组件库的文章了。之前搞完初版的组件库后搁置了一段时间，最近有资源投入，趁机会继续完善组件库建设，加个 BEM 规范！接下来有时间的话会完善组件库的单元测试，到时候还会再写一篇文章！

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

通过本文，你会对unocss的原子化工作引擎有个大概的了解，我会将unocss的大致工作流程梳理一遍并完成一个mini-unocss

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

前言：以前前端都是拿到psd设计图，需要自己用ps切图，需要自己在psd上面一个个去量设计的大小和间距，而现在一般都是要求设计师把设计稿直接上传到蓝湖上面，通过蓝湖的标注来写出前端代码！下面我就前端如

步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。 本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。