css

CSS 锚点定位实测：零 JS 实现气泡跟随，自动翻转很香但暗藏 3 个致命坑上篇文章有个遗留问题：dialog 把气泡顶进了 Top Layer，但气泡该「长」在触发按钮旁边。当时说的是 CSS 锚点定位（Anchor Positioning）能搞定，这篇来试试

芳心粽伙饭

CSS第一章 CSS引入CSS 作用：美化网页，为 HTML 便签设置样式行内样式缺点：如果多个标签完全一致怎么办？行内样式只能给某个标签设置样式，单行，造成代码的冗余。 ==> 考虑使用内联样式，为所有的相同样式的标签设置样式（代码的复用性）

妙用:focus解决0到auto高度过渡的边界场景各位网友大家好，之前我己为大家介绍了0到auto的过渡，其核心是 height:calc-size(auto,size)

芳心粽伙饭

CSS第二章选择器选择器（selector）为谁添加样式❗❗—— jquery 中主要使用 CSS 选择器的概念基本选择器

4、CSS入门——属性选择器这些选择器允许基于一个元素自身是否存在或者基于各式不同的按属性值的匹配来选择元素。这些选择器让更高级的属性的值的字符串的匹配变得可行。例如，如果你有box-warning和box-error类，想把开头为"box-"字符串的每个物件都匹配上的话，你可以用[class^=“box-”]来把它们都选中。

এ慕ོ冬℘゜

样式控制 .css ()8:属性名：.css() 使用方法：$(‘.box’).css({width:‘200px’,background:‘red’}) 讲解属性作用：读写行内 css 样式。使用场景：JS 动态修改元素宽高、颜色。

2026年了，CSS 终于能写 if 了说起来有点好笑。我们整天用 JavaScript 写 if (condition) { doSomething() }，觉得理所当然，但回到 CSS 这边，一个“根据条件应用不同样式”的需求，折腾了十几年也没个正经解法。

【前端技巧】实现卡片页面容器全屏一个 Vue 3 + Vite 的图表卡片页：8 张卡片两列排布，每张内嵌一个 ECharts 图表，点右上角按钮可让卡片在容器内铺满 / 还原。样式使用 Tailwind CSS v4 工具类，无组件内 <style scoped>。

基于 HTML+CSS 的个人生活主页设计与实现个人主页是很多人接触 Web 开发的第一个完整作品：没有后端、没有数据库，五个页面就把「我是谁、我在做什么、我喜欢什么」讲清楚。别看它小，导航布局、图文排版、色彩搭配、多页面组织这些前端基本功一个都不少，作为 Web 课程的期末作业或入门练习都非常合适。

3、CSS入门——CSS选择器CSS选择器是CSS规则的第一部分。它是元素和其他部分组成起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器所选择的元素，叫做选择器的对象。 CSS中，选择器由CSS选择器规范加以定义。就像CSS的其他部分那样，它们需要浏览器的支持才能工作。你会遇到的大多数选择器都是在CSS 3中定义的，这是一个成熟的规范，因此你会发现浏览器对这些选择器有良好的支持。

行内块元素在垂直方向上对齐问题在项目中遇到了样式问题，父元素设置了display: inline-flex;，并且有align-items: start，但两个子元素在垂直方向上仍然不能对齐，而且查找元素显示的高度也不一样。而且如果我修改padding的值，一个向上跑、一个向下跑。

Vue.js 在博客平台中为何采用响应式系统而非直接操作在开发博客平台或内容管理系统时，数据的实时性和组件之间的交互性是构建高质量用户体验的关键。Vue.js 通过其独特的响应式系统，实现了数据驱动视图的变化，使得开发者无需手动操作 DOM 即可完成复杂的页面更新。然而，为何 Vue.js 要选择这样的设计思路，而非传统的直接操作 DOM 呢？本文将从 Vue.js 的底层机制出发，深入解析其响应式系统的原理，并探讨其为何在内容管理系统中如此有效。

基于 Vue3 + ElementPlus 极简搭建仿钉钉流程设计器，简洁架构、极易扩展，纯div+css布局我们开发/选型工作流设计器，真正的刚需从来不是“功能最全”，而是足够轻、足够简洁、方便改、方便扩。今天给大家推荐一款自研开源的 Vue3 仿钉钉轻量化流程设计器，摒弃冗余鸡肋功能，主打轻量架构、简洁易用、高可扩展，完美适配中小型项目、OA审批、内部业务系统。

使用HTML+CSS美化上传进度条展示

CSS变量与预处理器CSS变量（自定义属性）和预处理器是现代CSS开发的重要工具，它们提供了变量、嵌套、混合宏等功能，大大提高了CSS的可维护性和开发效率。本文将深入讲解CSS变量和预处理器的核心概念、使用方法和最佳实践。

吴长建先生重名了

用 MinIO 分布式存储模块一次讲清代码重构与整洁代码实引言在分布式系统中，文件上传和存储是一项基础而重要的功能。无论是构建云存储服务还是企业级内容管理系统，都离不开对文件的处理能力。MinIO 是一款高性能、分布式的对象存储系统，常被用于替代 S3 接口实现对象存储服务。其源码结构清晰、模块化设计出色，非常适合作为代码重构与整洁代码的学习案例。本文将以 MinIO 的分布式上传模块为例，一行一行解读其核心逻辑，帮助准备跳槽和面试的开发者深入理解如何编写可维护、易扩展的代码。

把响应式做成可验证的状态切换：Container Queries 的组件级重构方法同一张项目卡片放在内容主栏、侧边栏和弹窗里，常常会遇到一个反直觉的问题：页面视口已经足够宽，卡片却仍然拥挤。

Day 15 | 不改一行 HTML,给页面加上引号、角标和标签本文是《30天精通CSS》专栏第 15 篇,订阅专栏不迷路。本文目录同一个效果,两种写法差在哪:一个真加了标签,一个只是画了个装饰

Day 07 _ 那条 1px 的线,为什么在手机上忽粗忽细本文是《30天精通CSS》专栏第 07 篇,订阅专栏不迷路。本文目录先看这两条线,一条粗一条细三个嫌疑,逐个排除

小江的记录本

【CSS】CSS 动画：transition、animation、transform、CSS3 新特性（附《思维导图》）CSS动画是通过CSS属性随时间的变化实现的视觉动效，无需JavaScript即可实现流畅的交互动画。主要分为三大类：