首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS基础
ErpanOmer
创建于2025-05-12
订阅专栏
讲一讲CSS基础知识
等 11 人订阅
共25篇文章
创建于2025-05-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
深入background-image:你可能不知道的几个性能优化与高级技巧
写了这么多年CSS,我发现有个现象很有意思:有些我们每天都在用的属性,我们以为自己很熟,但其实可能只用了它10%的功能。background-image就是最典型的一个。 大部分时候,我们对它的使用场
这几个CSS和JS新特性,将在2026年变流行
前端技术的发展速度,快得让人焦虑。我们每天都在学习新的框架、新的工具,但同样重要的,是关注语言本身——CSS和JavaScript——正在发生的变化。 这篇文章,不想聊那些你已经熟练掌握的技术。我们来
你不会使用css函数 clamp()?那你太low了😀
我们做前端的,为了让网站在不同设备上都好看,天天都在和“响应式”打交道。其中最常见的一个场景,就是处理字体大小。 通常,我们是这么做的: 这套代码能用,但它有一个问题:字体大小的变化,是“跳跃式”的,
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
咱们做前端的,每天都有不可避免的事情—— CSS样式覆盖。 场景你一定不陌生:项目越来越大,引入了UI组件库,又来了几个新同事,大家写的CSS文件越来越多。突然有一天,产品经理让你改一个按钮的颜色,你
2025年,每个前端都应该了解的CSS选择器:`:has()`, `:is()`, `:where()`
干前端的,天天都在跟CSS打交道。以前我们写CSS,要是遇到复杂点的场景,比如“当一个卡片里有图片时,给卡片加个边框”,或者要给一长串不同的标题应用同一个样式,那代码写起来,说实话,挺啰嗦的。 但时代
告别rgba,拥抱oklch:CSS色彩函数的未来已经到来
在现代Web开发中,色彩的表现力是用户体验的核心要素之一。长久以来,RGB(Red, Green, Blue)及其包含透明度的RGBA一直是CSS中最主流的色彩表示方法。然而,RGB本质上是一种设备依
能用CSS就不用JS!盘点15个让你直呼“哇塞”的CSS技巧
在前端开发的世界里,我们常常听到一句话:“这效果实现不了?上JS啊!” 于是,为了一个简单的Tabs切换、一个元素的显隐,我们可能就引入了一个库,或者手写了一段DOM操作。 但随着CSS语言的飞速发展
别再用 100vh 了!移动端视口高度的终极解决方案
作为一名前端开发者,我们一定都遇到过这样的需求:实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们,这很简单,给它一个 `height: 100vh` 就行了
只用了 2 行 CSS,我们还原了 Vision Pro 的毛玻璃动效
是的,你没看错。 我们在一个组件中,只用了 2 行 CSS,就还原出了 Apple Vision Pro 系统里的「毛玻璃 UI 效果」,还带一定程度的背景滚动模糊、亮度抬升、高斯柔光——核心关键点就
20MB 的字体文件太大了,我们把 Icon Font 压成了 10KB
在一次前端性能优化项目中,我们发现仅仅一个 icon font 文件就高达 20MB。这不仅拖慢了首屏加载速度,还极大地浪费了带宽。最终,我们将它压缩到了 10KB,而不影响任何功能表现。 这一过程背
Tailwind 到底是设计师喜欢,还是开发者在硬撑?
我们最近刚把一个后台系统从 element-plus 切成了完全自研组件,CSS 层统一用 Tailwind。全员同意设计稿一致性提升了,但代码里怨言开始冒出来。 这篇文章不讲原理,直接上代码对比和团
🧨公司非要用 Tailwind,我觉得这玩意儿不如 inline-style
不是我杠。是真的用了一段时间之后,我开始怀疑,我到底是在写样式,还是在拼?? Inline-style 再丑,好歹直觉。Tailwind,看起来像原子,其实是一坨。 👀背景:Tailwind 被当成“
🔥为什么我坚持用 SVG 做 icon?和 font icon 告别之后太爽了
🔥先说结论:我已经全面弃用 iconfont,只用 SVG 用了 6 年 iconfont,直到一次 icon 闪退 + 一个 retina 模糊问题,我怒转 SVG。现在回看,我只想说:一切都晚了。
😵💫 产品:你能不能让按钮 hover 有个动效?我直接做了个 UI 框架
起因:一句话的“需求” 一天,产品在设计稿下方评论说: 我本来以为就是加个 transition,小事一桩。 上线后产品说:“嗯,这个感觉不错耶,那我们把所有按钮 hover 都做成统一的吧。” 我知
我踩爆了 CSS Module 的所有坑,别再被骗了
我不是第一次用 CSS Module,但这次是真的被坑麻了。 写这篇不是为了教你怎么用,而是想提醒一下——别轻信“模块化样式管理更高级”这种话,现实比你想象得复杂多了。 起因:领导说“咱们不要用 st
为什么说 CSS 是最被低估的编程语言?
说到编程语言,谁的名字最响? JavaScript?控制一切前端交互; Python?AI 和爬虫首选; Rust?系统级新贵,性能炸裂。 而 CSS 呢? 不客气地说,CSS 一直在“技术鄙视链”的
你以为的 Tailwind 并不高效,看看这些使用误区
Tailwind CSS 被誉为“实用优先的 CSS 框架”,然而在实际项目中,很多团队用了 Tailwind,效率却不升反降。 不是因为 Tailwind 本身不行,而是——你可能正踩在这些使用误区
为什么越来越多 Vue 项目用起了 UnoCSS?
Vue 开发者可能都注意到,UnoCSS 的讨论频率越来越高。它不像 Tailwind 那样有营销声势,不像 Windi 那样起得早,却在 2024 年之后逐渐“渗透”进越来越多的 Vue 项目中。很
为什么我不再相信 Tailwind?三个月重构项目教会我的事
前情提要:我是如何变成 Tailwind 重度用户的 作为一个多年写 CSS 的前端,我曾经深陷“命名地狱”: 什么 .container-title, .btn-primary, .form-ite
🚀 从 Babel 到 PostCSS:重构你的 CSS 构建思维
一、PostCSS 是什么?为什么它值得深入了解? PostCSS 是一个用 JavaScript 编写的 CSS 转换引擎。它的核心理念并不是像 Sass 或 Less 那样提供新语法,而是提供一个
下一页