css
4篇文章 · 0订阅
  • 深入理解 flex-grow、flex-shrink、flex-basis
    1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…
    CSS
  • CSS3 新特性
    其中意思不必解释就可以明白。如果不进行设置的话，默认是padding-box，即以padding的左上角为原点。 background-size用以设置背景图片大小。单张图片的背景大小可以使用以下三种方法中的一种来规定： 设定指定的宽度和高度值想必不用多加介绍。contain和…
    CSS
  • css经典布局系列三——三列布局(圣杯布局、双飞翼布局)
    缺点：如果有文字出现，布局就会错乱，导致扩展性不好。 3、将未浮动的middle挤了下去。 此时lefe和right都跟着被拉回来了，左右空出了200px。所以用相对定位把left,right拉回来； 如果某一列内容过多，文字会溢出。解决方法：等高布局；
    CSS
  • 什么是BFC?
    对于BFC的概念以及应用场景一直都不是很明白，今天着重去了解了一下，做了以下总结。 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素…
    前端 CSS