首页
学习
活动
专区
圈层
工具
发布

#css

用来为结构化文档(HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的语言

CSS sticky 粘性定位失效?从滚动容器到 overflow 的排查实录

用户1839651

做后台列表页时,经常需要把表头或者某个过滤条固定在容器顶部。position: sticky 看起来是干这事的天然选择,写一行 top: 0 就能生效,但实际项...

300

CSS :has() 选择器实战:父级反向控制与表单状态联动

超哥前端记录

过去几年里,CSS 一直缺少一种能根据子元素状态反向选择父级或前序兄弟节点的能力,导致很多常见交互不得不借助 JavaScript 添加类名。例如表单输入框获得...

4010

CSS :has() 选择器实战:不用 JS 实现父元素响应子元素状态

用户12771345

做后台表单时经常遇到这种需求:输入框获得焦点或者校验失败时,外层包裹容器要变色、出现边框或提示。以前的做法一般是监听 focus/blur 或配合校验库在父级上...

9200

CSS 容器查询实战:让组件根据父级宽度自适应

用户12771345

媒体查询一直是我们做响应式布局的主要手段,但它只能基于视口宽度做判断。当页面中出现侧边栏折叠、卡片容器宽度变化这类场景时,组件拿不到自己所在容器的实际尺寸,只能...

5810

CSS scroll-driven animations:用滚动进度替代JS监听,减少卡顿

用户1839651

页面里做滚动驱动的动画,过去基本靠 scroll 事件加 requestAnimationFrame,再手动计算 scrollTop 和目标元素的位置。这种写法...

6700

用 CSS 打造完美的饼图

掘金安东尼

原文:Trying to Make the Perfect Pie Chart in CSS 翻译:TUARAN 欢迎关注 前端周刊,每周更新国外论坛的前端热门...

11910

CSS 中 height: 100% 为什么经常失效?从包含块到实际布局的排查思路

超哥前端记录

做后台管理页面或者移动端全屏布局时,经常遇到一个看似简单却反复出问题的需求:让某个元素高度撑满父容器。写 height: 100% 后浏览器毫无反应,换成 10...

9410

深入理解 CSS 容器查询:从媒体查询到组件级响应式设计

用户1839651

媒体查询一直是响应式网页设计的基石,但它只能感知视口尺寸,无法根据组件自身可用空间调整样式。设想一个卡片组件,在侧边栏中需要竖排紧凑布局,在主内容区中又希望横排...

13510

CSS 中 height: 100% 不生效的几种常见原因及排查思路

用户1839651

在写后台管理系统或者移动端页面时,经常遇到给子元素设置 height: 100% 却看不到任何高度的现象。打开控制台检查,元素本身没有内容,父级也没有显式高度,...

13610

用 CSS 选择器拿捏按钮悬停效果:从裸写 hover 到整活

超哥前端记录

前端按钮这东西,用户天天点,但大部分人只给它写个 :hover 换个背景色就完事了。实际上 CSS 选择器能玩的花样比你想象的多——状态组合、兄弟联动、属性筛选...

11610

主流CSS布局框架实战盘点

超哥前端记录

做前端这些年,CSS布局这事儿就像打怪升级。从最早用table布局被前辈骂,到float撑起一片天,再到clearfix成为肌肉记忆,后来flex、grid原生...

11710

狂揽7.6K星 !!! 再见手写CSS选择器,这个Python库给一个样本就自动学会爬,太屌了

豆芽菜小萌

一个网页改版,所有选择器全废;一个站点结构不同,代码复制粘贴还要重写;好不容易写好,反爬一变又抓不到……

10510

Expo Tailwind Setup 实用指南

用户4482004

12410

单晶 XRD 定向衍射模拟与晶格反演计算器:理论基础与使用指南

DFT计算杂谈

本文档旨在说明“单晶 XRD 定向衍射模拟与晶格反演计算器”的核心功能、物理理论背景以及操作规范。该程序主要用于材料晶体学研究,建立从微观晶胞结构到宏观 X 射...

7210

Kagome衍生现象的实验研究RT6X6家族中的AHE与CDW

DFT计算杂谈

PhD DISSERTATION, UNIVERSITY OF WASHINGTON (2026)

15610

交错磁体Cr2Se2O单层的超快自旋动力学

DFT计算杂谈

Ultrafast Spin Dynamics in Altermagnetic Cr2Se2O Monolayer

12710
领券