首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
Ni0duann
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
前端切图不再哭:Figma设计稿 + PostCSS 自动化 rem 适配方案全攻略(移动端适配必看!)
✅ 如何从设计稿快速获取样式? ✅ 如何将 px 自动转成 rem 实现响应式适配? 一、前端接到设计稿后第一反应? 没错,前端最常遇到的第一关卡,就是 设计稿尺寸 → 实际设备适配
CSS选择器优先级详解
CSS选择器优先级(Specificity)是CSS中一个核心概念,它决定了当多个选择器同时匹配同一个元素时,哪个样式规则会被应用。本文介绍如果一个元素会应用那个CSS属性。
面试官:请说说什么是BFC?大白话讲清楚
BFC到底是什么东西BFC,怎样触发BFC,BFC的规则,BFC解决了什么问题,一文搞懂,进来瞅瞅吧
从手算到自动化:lib-flexible + postcss-pxtorem,移动端适配不再算头疼!
--- theme: hydrogen --- > 写给每一个「设计稿 750px,看着屏幕在算 rem」算到想放弃前端的你。今天,就用这篇文章帮你从“px→rem”的体力活中解脱出来! *
🧙♂️ CSS中的结界术:BFC如何拯救你的布局混乱?
🔮 场景引入:消失的绿色背景 想象你写了这样一段HTML————代码1 运行后却发现——绿色背景神秘消失了!🤔 这正是 图片 演示的经典问题: 别急,这时候就需要召唤CSS世界的"结界大师“
FLEX布局
Flex布局 Flex布局也称弹性布局,可以为盒状模型提供最大的灵活性,是布局的首选方案,现已得到所有现代浏览器的支持。 基础 通过指定display: flex来标识一个弹性布局盒子,称为FLEX容器,容器内部的盒子就成为FLEX容器的成员,容器默认两根轴线,水平的主轴与垂直的交叉轴,主轴的开始位