技术栈
css基础课
RFCEO
16 天前
前端编程
·
css基础课
·
现代布局
·
grid 网格布局
·
复杂卡片网格
前端编程 课程二十一、:CSS布局五 Grid 网格布局
现代布局(二维布局首选)第一节:Grid 核心概念1.1 Grid vs Flexbox1.2 Grid 核心术语
RFCEO
17 天前
bfc
·
前端编程
·
css基础课
·
css盒模型进阶与bfc原理
·
标准与怪异两种盒模型
·
margin塌陷
·
外边距重叠
前端进阶 课程二十三、:CSS核心进阶二 盒模型进阶与BFC原理
一、学习目标1. 彻底掌握CSS盒模型的两种模式,能灵活切换和应用; 2. 理解BFC的定义、触发条件及核心应用,解决页面布局中的常见问题(margin塌陷、浮动溢出等); 3. 掌握盒模型相关属性的细节用法(padding、margin、border、box-sizing)。
RFCEO
22 天前
前端进阶
·
css基础课
·
进阶选择器的灵活用法
·
深入理解优先级权重计算规则
·
攻克样式冲突问题
·
学习选择器性能优化技巧
前端进阶 课程二十二、:CSS核心进阶一
同学们,本周开始进阶学习阶段,预计耗时2-3周(建议每天学习1.5-2小时,周末集中进行案例实操和复盘) 核心目标:突破CSS基础瓶颈,掌握进阶布局技巧、样式优化方法、浏览器兼容性处理,能独立实现复杂页面样式,理解CSS底层逻辑,为后续响应式、框架学习奠定基础。 核心重难点:Flex布局、Grid布局的灵活运用;CSS定位的深层逻辑;BFC原理及应用;样式优先级与继承的细节;浏览器兼容性解决方案。
RFCEO
23 天前
前端编程
·
css基础课
·
定位布局
·
精准控制元素位置
·
决定元素相对于参考点的位置
·
最近的已定位祖先元素
·
相对定位
前端编程 课程十九、:CSS布局三
定位布局(Position)—— 精准控制元素位置第一节:定位布局的核心逻辑1.1 定位的本质✅ 定位模式(position取值):决定参考点;
RFCEO
23 天前
css基础课
·
前端编程学习
·
弹性盒模型
·
一维布局首选
·
现代布局
·
垂直居中需要复杂的计算
·
元素无法自动均分剩余空间
前端编程 课程二十、:CSS布局四
现代布局——Flexbox 弹性盒模型(一维布局首选)第一节:Flexbox 核心概念1.1 为什么需要Flexbox?
我是有底线的