小兔鲜总结思路
大体结构
首先就是确认大体结构，分左右两个大盒子，都有个版心
在写HTML结构必须打上注释，这样才不会导致找不到类名
给类名尽量用心给，贴合语义，不然到最后出问题都找不到类名，导致思路短片
进行css样式的编写
1.在写CSS样式时，不要被学的flex束缚了，学习flex的目的是为了更高效的布局，而不是只用flex布局，如果在一个布局内浮动定位啥的可能更方便，这个时候就不要局限于Flex。
2.写CSS结构可以给各个大的盒子都加上颜色，在布局时可以先给123，这样有助于我们对于布局思路的清晰把控。
3.主要出错点一般都是：
第一点、DIV嵌套混乱了，这就是HTML结构布局不够清晰，首先要从大体上看，把一大块一大块先看成大DIV，然后分析先解决哪边的DIV，这个大DIV里一共有多少的元素，一步衣服细分，而不是当成一个整体分析，容易导致大脑思维混乱；
第二点、类名给错了，或者类名写错了，这个只能细心，然后起的类名尽量符合语义，多用有道；
第三点属性给错标签了，还是需要细心分析，给错了就顺着思路重新理一遍，找到这个标签是不是需要这个属性，是加在子元素还是加在父元素上等等，总之还是需要在HTML布局清晰前提下，思路也跟上。
4.要是无从下手，先把大致的大体内容先做出来，只做出一个大体结构，而不去考虑详细内容样式等
5.多使用F12调试代码
VW-VH单位
vw：viewport width 视口的宽度
vh: viewport height 视口的高度 （同理）
vw是一个相对长度单位 (都是要找到参照物的) 相对于屏幕的宽度
wh相对于屏幕高度
100vw/vh = 屏幕的宽/高
1vw/vh= 屏幕的宽/高*0.01
特点
屏幕发生改变，也会随着改变，是灵活的
