CSS 方法有很多，但我都讨厌它们。有些多（顺风等），有些少（BEM、OOCSS 等）。但归根结底，它们都有缺陷。当然，人们使用这些方法有充分的理由，并且解决的许多问题我也遇到过。因此，在这篇文章中，我想写下我自己的关于如何保持 CSS 井...
简介嘿，了不起的人们。今天，我们将深入研究 css 中的伪类和伪元素的世界。这些是我们 css 工具包中的强大工具，可以帮助我们以独特的方式定位和设计元素，使我们的工作更加高效，使我们的网页更加动态。我们将从基础知识开始，了解什么是伪类和伪...
第 5 讲：css 布局 - 浮动、flexbox 和网格在本次讲座中，我们将深入探讨在 css 中创建布局的基本技术。了解如何使用浮动、flexbox 和网格构建内容将使您能够构建响应灵敏且组织良好的网站。在本讲座结束时，您将...
我最近发布了 learn wc，如果您看过它，您可能已经注意到背景中的动画，其中彩色圆圈在屏幕上对角移动。看起来像这样：它在 chrome 和 safari 上运行良好，但我注意到 firefox 上的性能严重下降。性能太差了，我直接在 f...
依赖关系 设置我们使用 Tailwind 作为独立的 CLI 工具。更多信息可以参考官方指南。注意：如果您在配备 Intel 处理器的 Mac 上进行设置，请在下面的命令中将 macos-arm64 替换为 macos...
介绍开发者们大家好！我很高兴分享我的最新项目：登录表单。该项目非常适合那些希望构建一个干净且功能齐全的登录界面的人，用户可以使用该界面来验证自己的身份。这是使用 html、css 和 javascript 增强前端开发技能的好方...
在 react/next.js 中添加深色和浅色主题支持 概述在本指南中，我们将引导您完成向 react 或 next.js 应用程序添加深色和浅色主题支持的步骤。这种方法将允许用户在主题之间切换，并且 ui 将相应更...
使用 react 构建 bmi 计算器 介绍体重指数（bmi）是一种广泛使用的指标，用于确定一个人在给定身高下是否拥有健康体重。在本博客中，我们将逐步介绍如何使用 react 创建一个简单但实用的 bmi 计算器。这个项目允许...
讲座 4：css 中的版式和字体样式在本次讲座中，我们将探讨如何使用 css 设置文本样式。版式是网页设计的一个重要方面，影响可读性、用户体验和整体美观。在本讲座结束时，您将了解如何在网站上应用各种字体样式并控制文本外观。...
在这篇博文中，我们将使用 tailwind css 创建一个迷人的“流星”边框动画。此效果为输入字段提供发光的动画边框，可以吸引用户的注意力 - 非常适合电子邮件注册或重要通知等号召性用语部分。 演示在深入研究代码之前，您可以在此...
