Tailwind CSS 的基础使用：包含伪类、伪元素、flex 和 grid 布局、定位等相关属性。

要求 在浏览器上下滚动的时候，如何距离的顶部的距离大于78px,吸顶显示，小于78px则隐藏 环境搭建 工具类安装：npm i @vueuse/core 创建吸顶页面 fixed.vue： 引用该组件

⛳️SCSS 和 CSS 写法无差别，这也是 Sass 后来越来越受大众喜欢原因之一。简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。

在前端开发中，样式表（CSS）是至关重要的一部分。然而，当我们面对复杂的项目时，经常会遇到编写重复样式的问题。这不仅会导致代码冗余，还会影响开发效率和代码的可维护性。

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

前言 在项目开发过程中，我们有时候遇到需要更换站点主题色的需求。乃至于 APP 底部的 banner 中的 icon、文案和背景图都是运营线上可配置的。还有的功能比如更换系统字体大小等。 这些本质上都

就像我们开始通过媒体查询构建响应式网站时一样，现在，CSS容器查询也终于来了！本文将解释容器查询的工作原理、我们如何使用它们以及语法是什么样的，并分享一些实际的使用示例来帮助你更好地理解它。

修改输入占位符样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平和垂直居中。多么熟悉的场景！前端开发者几乎每天都会和它们打交道，本文收集 13 个CSS技巧，一起来来温故一下吧。

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将