前端如何保持元素的宽高比？

在前端中，如何在不断变换宽高的容器中保持元素的宽高比？这里记录一下两种纯CSS的实现方案

BFC是什么？它的应用场景是什么？

BFC（块级格式化上下文）的定义、特性、触发条件及其在解决浮动清除和外边距折叠等布局问题中的实际应用

CSS 布局神器 —— Flexbox

CSS Flexbox布局的基础知识，实际示例和常用属性介绍

CSS中常用的伪类选择器

记录一下CSS中常用的伪类选择器的区别和使用

CSS中的background属性

CSS中的background属性的用法及缩写详解

CSS中的圣杯布局和双飞翼布局的实现和区别

详细记录一下什么是圣杯布局和双飞翼布局，以及它们是如何实现的

css中的var()和:root

现在很多网站css都使用:root和var()的写法，这里记录一下:root和var()的使用方法

CSS的盒模型

CSS盒模型是什么？有哪些盒模型？