2020.11.21-前端学习小结

经过半个月的学习，我对html和css有了更深更系统的理解，同时，发现了一些以前做项目的一些不足之处，总结以下几点：
1.在动手之前，要提前设计好div的框架，考虑具体实现的可能
2.class以功能命名，多利用class的多重命名，可以有效的减少代码
3.利用并集选择器也可以精简代码，同时，要熟练掌握一些高级选择器的应用，比如:nth-child(),:not(:last-child)等
4.单行导航可以使用a标签，更加方便省事
5.对于伪类的使用，::before和::after，可以应用于一些网站中两个div之间的分隔线，注意before和after是在div内元素结点之前或之后，并不是在div之前或之后，::after和clear:both;也可以解决父类塌陷的问题；以及利用:hover实现鼠标触发切换图片，或是鼠标触发一个div的出现
6.注意行内和块级元素之间的转换
7.图片和文本并排时，用vertical可以有效更换图片和文本的对齐方式
8.目前所学的布局方式有三种，浮动，定位，flex。其中浮动会脱标，不好掌握，会造成父类塌陷等问题。flex使用很便捷，几行代码就可以完成布局，但是flex兼容性低
以上是需要注意的点，还有几个掌握不是很牢固的地方，要多加练习：
1.3D旋转
2.动画的灵活应用，动画和transition,transform一般会一起使用，要多思考如何使用动画实现效果，比如轮播图的应用
3.布局的应用，flex使用起来比较方便，但是其中涉及到很多属性，以及复合属性，要多加练习和记忆