iT邦幫忙

0

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


尚未有邦友留言

立即登入留言