發現一個樣板的履歷網站再次練習履歷切版,加深觀念,每一次的切版,每一次的練習,都是成就更好的自己,雖然是簡單樣板,相信持續練習可以快自己排版方向,這次練習都是先將HTML結構寫完後才開始,讓自己練習再寫結構時思考排版方向,RWD成列及各種位置及圖片放置,然後才開始利用CSS樣式,去撰寫成樣板的樣子,或許下一次可以先寫在紙上跑過一遍,再讓自己的透過書寫方式呈現架構進而撰寫,訓練思考及排版模式。
:before
或:after
來呈現,一開始用子層覺得位置很怪,才恍然大悟啊。wrap
是max-width: 1024px
,因此寬度要超出wrap
,而我使用超出寬度再移動的方式呈現背景寬度滿版樣式。padding
及margin
的位置很重要,清楚理解每一個推移對整體版面的影響。border-bottom
是根據padding
推移所決定位置,用margin
則會無推移效果。padding
去撐開高度避免RWD時的變形。letter-spacing
可以推移字距但無法用text-align:center
水平置中。.breadcrumb li + li a::before
的方式排除第一個li
。transform:scale()
。