m0_47999208的博客

在网页设计和图形处理中，RGB 的透明度（RGBA）和opacity。

在CSS中，文本的垂直对齐通常指的是行内元素（inline elements）或表格单元格中的内容如何相对于其容器进行上下对齐。对于这些情况，可以使用。如果你需要处理的是块级元素的垂直居中问题，那么可能需要用到 Flexbox 或 Grid 布局，或者通过绝对定位配合 transform 属性来实现。

2.flex-shrink,在flex布局中经常会遇到页面宽度不够而导致的文字换行问题，由于flex布局默认flex-shrink为1,就是默认可以缩小然后会导致换行，需要设置flex-shrink:0,默认不缩小就可以了。上面是120px高，给下面的外盒子高度设置为calc(100% - 120px);答：给外部盒子添加display：flex,内部盒子设置为flex-grow：1。现在有一个上下盒子，上面是固定值，下面是随页面高度变换的，如何让下面盒子的子盒子高度适应外部的高度呢？

【代码】box-shadow。

奇妙的 CSS MASK - 掘金

【代码】css画三角形。

https://www.cnblogs.com/dzyany/p/13985939.htmlclip-path - CSS：层叠样式表 | MDN

vue中react中。

【代码】常用样式css。

原因是啥，react除了.js,.jsx,.ts,.tsx文件还有根文件.html文件在tailwind.config.js里添加html就好了。可选择React和Vue版本的，这里选择react的按照操作，没问题的话就要出问题了。1、在npm run dev的时候我是出现了这么个问题，解决办法在项目里重新。2、在浏览器输入localhost:5174后是出现了。npm install后npm run dev。这是官网，平常我练习一般会用vite脚手架。npm install vite或者。

input支持拖拽上传但要设置opcity为0,不能设置diaplay:none或者visiables。input同时也支持多选文件上传如果不使用拖拽上传的话，只点击上传可使用如下。第二个input标签的效果。el-table的改造效果。第一个input标签效果。

现有如下的图标，他这外层的白色圆圈是border,你敢信。

像这种原子性的CSS应该在大公司会用到吧！目前还没用过，用过的都说好用，没用过的人说它代码太多了，下面就单纯实现下如何在项目中使用UnoCSS。，它不是像TailWind CSS和Windi CSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。，文章中实现相同的功能，构建后的体积TailWind 远> Windi > UnoCSS,体积会小很多。然后看上方掘金文章的下部分，就可以使用UnoCSS了。首先使用vite新建一个vue项目模板；

在各大公司的官网上，不能像后台管理系统一样在一个页面无法展示所有模块，只能在页面最下放去放一个动画去引导用户，如下：这个向下的动态箭头就可以。还有比较常用的卡片从底部滑到所在的位置的动画效果：class="animate__slideInUp"给下标图标元素添加一个类名class="animate__bounce"就可以实现如上的效果，由于官网是英文，可以使用Edge浏览器，下载个谷歌翻译插件就可以翻译成中文。可以使用结合js的方式来实现，如下可以检测动画在何时结束。引用animate.css。