[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的使用掌握。