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即可实现流畅的交互动画。主要分为三大类：

CSS Grid 网格布局：二维布局神器，轻松实现复杂网页排版上一篇文章我们聊了 Flex——它解决的是一维布局问题：沿着一条主轴排布元素。但真实的网页排版几乎都是二维的：既要管横排、又要管竖排；既要有固定的侧栏，又要有自适应的主区；既要有跨多列的标题，又要有多行多列的卡片墙。过去遇到这种需求，要么用 Flex 嵌套（一层套一层，DOM 变臃肿），要么退回 float 加各种 hack。

CSS 预处理器深度解析-Day35在现代前端工程化体系中，CSS 预处理器（CSS Preprocessor）已成为不可或缺的一环。它并非要取代 CSS，而是在 CSS 语法之上提供了一层抽象，使开发者能够以更高效、更可维护的方式编写样式代码，最终编译为浏览器可识别的标准 CSS。

小江的记录本

【CSS】CSS 核心：盒模型、BFC/IFC、Flex/Grid 布局、响应式布局、移动端适配（附《思维导图》）CSS 布局体系从基础盒模型到现代二维布局，再到多端适配，形成了一套完整的「基础渲染规则 → 布局方案 → 多端适配」的知识层级。以下从六大核心模块进行系统性梳理。

小江的记录本

【HTML】HTML5 新特性、语义化标签、浏览器渲染流程（附《思维导图》）HTML（HyperText Markup Language，超文本标记语言）是构建网页结构的核心标记语言，标准由 W3C 与 WHATWG 共同维护，当前处于**HTML 活标准（Living Standard）**阶段，持续迭代更新。