css
5篇文章 · 0订阅
  • Rem布局的原理解析
    Rem布局的原理解析
    CSS 前端 JavaScript
  • Grid布局入门指南
    1. grid-template-* 分配单位 网格布局(Grid)是最强大的css布局方案。但是知识点较多,学习成本相对困难些,目前的兼容性不如flex好! 1. grid-template-* 分配单位
    CSS
    Grid布局入门指南
  • 聊聊为什么淘宝要提出「双飞翼」布局
    突然有一天，脑之里不知怎地蹦出一个词，「双飞翼」，这是很久以前的淘宝提出的一种三栏布局优化方案，然而，时间久了已经不记得（换句话说是不理解）为啥要提出这个布局了，昨天在 SF 上发起了一个提问，但良久未有人答复，幸得@王能全是谁 提醒，终于回想起「双飞翼」的完整意义了。谨以此文…
    CSS
    聊聊为什么淘宝要提出「双飞翼」布局
  • 前端面试之居中布局
    方法: 块级元素使用margin: 0 auto。 若子元素包含float,为了让子元素水平居中,可让父元素宽度设置为fit-content,并且配合margin。 若元素是单行文本, 则可设置 line-height 等于父元素高度。 已经父元素高度: 若元素是行内块级元素如…
    CSS
  • 前端面试之BFC
    BFC(块格式化上下文): 是Web页面可视化渲染CSS的一部分, 是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限定区域。 简单理解就是具备BFC特性的元素, 就像被一个容器所包裹, 容器内的元素在布局上不会影响外面的元素。 可见两个块元素外边距为20px。 我…
    CSS