理解flex属性 在flexbox布局中，flex属性是用来控制项目的伸缩性的。它是一个复合属性，包含了flex-grow、flex-shrink和flex-basis这三个子属性。 在 Flexbo

Vue3 中可以在 style 标签中使用 :deep() 的方法进行样式穿透，主要是解决在使用第三方的 UI 库（如 element-plus 等）导致的时对其样式设置不生效的问题。

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，

近年来，Tailwind CSS 在前端开发领域备受关注，在GitHub上获得了70000+的Star。尽管市面上有众多的 CSS 框架可供选择，但 Tailwind CSS 凭借其独特的概念、强大的

一、简介 Tailwind CSS 在近年来的快速发展中，Tailwind CSS 不仅成为前端开发者钟爱的工具，还形成了一个多样化的生态系统。 二、核心特性 三、官方内容 四、Tailwindcss

1、固定宽度时怎么实现省略号：（单行）首先我们要设置固定宽度和overflow为hidden；同时我们要禁止换行 white-space: nowrap;最后就是加上省略号了；这个使我们比较常用的一种

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

如果您使用 CSS 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越来越困难!

缺点：如果有文字出现，布局就会错乱，导致扩展性不好。 3、将未浮动的middle挤了下去。 此时lefe和right都跟着被拉回来了，左右空出了200px。所以用相对定位把left,right拉回来； 如果某一列内容过多，文字会溢出。解决方法：等高布局；