Untitled - HackMD

前端作業三

跨版切版技巧練習，這類型的網站很常用在活動網頁。
(1)請1:1比例，一模一樣切出來，不要用自己的圖
(2)使用boostrap 4進行切版
(3)行動版得部分不一定要照參考網站，但是要比他好看，更兼具響應式的功能。

裝飾圖片不被干擾使用技巧:

穿透 pointer-events:none;
https://www.oxxostudio.tw/articles/201409/pointer-events.html

sass 編譯過的 css 路徑設定位置

https://hackmd.io/39Tc8ou3R_G9NDMvhCNv3g#一、vs-code安裝及設定

點左下角齒輪>設定
點上方"使用者"
點左方"延伸模組"
點Live sass compile config
點在settings.json內編輯

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

參考範例網站:

http://v2cells.ikema.com.tw/
https://www.lovechild.com.tw/edm/

題目

http://www.mossa.jp/

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported