HTML+CSS面试题-简述 flex 布局与 grid 布局，二者有什么不同，伪类和伪元素的区别及应用样式

简述 flex 布局与 grid 布局，二者有什么不同

flex 弹性布局；grid 二维布局。

flex就是沿着一条线铺下去，这个线可能水平，也可能垂直，这个平铺的方向用flex-direction来控制。
所以flex才有换行命令。而且当同级小盒子很多的时候，往往动一发而动全身，很不方便。

grid是把盒子用线分成很多份，把小盒子一个个填进去。

伪类和伪元素的区别及应用样式

• 伪类：向某些选择器添加特殊的效果
• 伪元素：将特殊的效果添加到某些选择器

伪类的效果可以通过添加实际的类来实现 ；伪元素的效果可以通过添加实际的元素来实现 ；它们的本质区别就是是否抽象创造了新元素