简述 flex 布局与 grid 布局,二者有什么不同
flex 弹性布局;grid 二维布局。
flex就是沿着一条线铺下去,这个线可能水平,也可能垂直,这个平铺的方向用flex-direction来控制。
所以flex才有换行命令。而且当同级小盒子很多的时候,往往动一发而动全身,很不方便。
grid是把盒子用线分成很多份,把小盒子一个个填进去。
伪类和伪元素的区别及应用样式
- 伪类:向某些选择器添加特殊的效果
- 伪元素:将特殊的效果添加到某些选择器
伪类的效果可以通过添加实际的类来实现 ;伪元素的效果可以通过添加实际的元素来实现 ;它们的本质区别就是是否抽象创造了新元素