CSS - 常用筆記
背景圖
1 | /* 圖片滿版 */ |
其他背景圖範例:固定、滿版、置中
background-attachment是背景固定模式的屬性
註:作为背景的圖片是撑不起元素的,須額外需要给div新增「寬、高」
Hexo-Search
Hexo-備份
LiveCoding-切個垂直時間軸
教學來源
Youtube:直播 - 切個垂直時間軸
- GitHub 分支:https://goo.gl/VEbWkm
- 參考版型:https://goo.gl/rqjErS
- 螢幕吸顏色 Sip:https://goo.gl/Vh6YIo
- LiveCoding 官方網站:https://goo.gl/weYx5q
- LiveCoding Youtube 頻道:https://goo.gl/Hyih3u
- LiveCoding 臉書粉絲專頁:https://goo.gl/yhDg0l
排版小技巧紀錄
切版過程中,可常利用新增「外層的紅框線」,先確認位置是否正確,事後再拿掉。
border: 1px solid rgba(255, 0, 0, .3)
CSS之calc可做運算式運算
calc(50% — 10px / 2)