#CSS

Flex布局

🧚‍♀️网页布局是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。这篇文章就介绍一下一种新的解决方案——Flex布局。


CSS盒模型与BFC

CSS中最重要的就是盒模型,它是CSS的基石。在面试中有很高的几率被问到:请你谈谈你对盒模型的理解。题目的字数不多,但是要回答的更好,更加全面却不是很容易。所以在这里记录一下比较好的回答。


CSS中清除浮动的方式

上一篇文章讲了页面布局的解决方案,其中有一个方案是使用浮动(float)。使用浮动的优点就是兼容性好,使用也比较方便。但是有一个缺点就是会脱离标准流,如果处理的不好,会对后面的元素布局产生影响。所以就需要使用清除浮动来消除这些影响。清除浮动的方式有很多,那么哪一种是最好的呢?看完这篇文章你就会明白了。


页面布局常用的几种解决方案

页面布局是CSS的一个重点应用。布局的解决方案有很多种方法,而选择一个最优的就显得尤为重要。那么就介绍一下这些解决方案。