日记19

[https://codepen.io/terry-yu-the-vuer/pen/rNOrWYY?__cf_chl_jschl_tk__=cc73fd5172bc834b5bb301421648743dae2cea56-1606701447-0-Acz4_pIWszedyvrqKG63B7m5dZdqRqtH17mVlhIFbItGGXOZwDuYoW2pF8bDQ7wlQh0Noc5PwwWZ3rMBPOOpPcowStU5TcrKM6dzxp2sdJTGYqg1a8sm-kHpBYw1Zn4YoGokEdnGvSKgaZflrWktYuv9UzilNC-7vYZJFEKGLPyn-vC5FZ3v94W063xhsXgfyQS5CW0r3jjb_urTwT4RB1C7KV6TTHF8XIC2QNd0gfpHfJ_OGrMyBnhVQh_cEtJapHwH-mI45lHUJmHDA2n6hQp-KFI7vxzgY7_RlY6MgfmC1LiaN5iFlpMJU-wl_dRHiTBJm_0e8sYJYvKlX8Ee9dc5j2LP6HkNAWBDkZmzMuwJf2dywYmUCS17vZ71Xt8LsFKEJXxVO1Aaij4o9M4yhSs]
一个页面只有一个h1，因为SEO关系最好放最重要的样式，也就是logo。
h1替代图片是很常用的方式，须牢记在心。
利用结构大致相同的方式撰写HTML，在排版时就能快速达到效果，item。
加了RWD让自己更多练习的机会(毕竟是必备技能)。
header尽量不要写死高度，利用padding推挤的方式撑开，可塑性高。
设定transition时间可延迟hover滑过的变化，不会感觉死死的。
flex的应用还不够熟悉，有时会直觉想用但其实根本不用用flex。
transform: scale()，可以控制变大变小，多加熟悉。
header的 RWD变化多种，融会贯通後可多加运用。
稀饭版是基本，还是要注意细节，padding及margin的使用掌握。