css知识点
7篇文章 · 0订阅
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • 深入理解 flex-grow、flex-shrink、flex-basis
    1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…
    CSS
  • 熟练了Flex布局之后，该学学Grid布局了
    CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。
    前端 CSS
  • 『前端大白话』之 “flex:1”
    通俗易懂的大白话。 你懂了吗？懂了。 flex : 1 和 flex : auto 有何区别？
    面试
    『前端大白话』之 “flex:1”
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • 面试官常问的清除浮动和BFC ——看完不再担心面试问题
    前言 上一篇文章我们聊了浮动和如何清除浮动的四种方法，今天，我们就接着来聊聊清除浮动的第五种方法——BFC容器，同时这也是清除浮动使用最多的方法。感兴趣的小伙伴可以先看一看我们上篇写的文章，这样配合起
    前端 面试 CSS
  • 彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
    最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解，也没找到一个合理的解释。我知道，肯定是我对相关属性…
    HTML CSS
    彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index