---
# System prepended metadata

title: 前端資源與CSS相關
tags: [HTML&CSS]

---

---
tags: HTML&CSS
---
# 前端資源與CSS相關
## 前端資源與CSS相關

### 六角前端大補貼

https://coggle.it/diagram/XJdj8UA5tjeIugda/t/%E5%85%AD%E8%A7%92%E5%89%8D%E7%AB%AF%E5%A4%A7%E8%A3%9C%E5%B8%96/3ce94a1e7878d5f0c3c36c8ee5dd6db85bcc0fd177475649f0b9b88a6e473ea4?fbclid=IwAR0JsS0rHmyD0M0hjbGT29zwFX3OJFCI4ZlLllzuYA52evNdkeG1CQSlUPc

https://ithelp.ithome.com.tw/users/20111449/ironman/1767?page=1

### UI 設計圖: Figma

https://www.youtube.com/watch?v=P96TQwsY_VY

http://jinjin.mepopedia.com/~jinjin/ui/ui-05.html

https://medium.com/as-a-product-designer/ui-%E6%96%87%E7%AB%A0%E5%88%97%E8%A1%A8-%E5%AD%B8%E7%BF%92%E8%B3%87%E6%BA%90%E5%B0%8E%E8%A6%BD-80ca1379230

yt : CSScoke(Amos)

https://www.youtube.com/c/CSScoke/videos

### 常用的CSS命名規則

http://twmac.ddns.net/HTML+CSS/webName/web_name.html

can I use 網站 : 查詢HTML5、CSS 瀏覽器兼容性

https://caniuse.com/

css reset

https://ithelp.ithome.com.tw/articles/10196528

https://meyerweb.com/eric/tools/css/reset/

理解邊界重疊的原因

https://developer.mozilla.org/zh-TW/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing


css Box Model

https://sites.google.com/site/coolteazhuanti/css/padding

https://ithelp.ithome.com.tw/articles/10205322

CSS Flex

https://wcc723.github.io/css/2017/07/21/css-flex/

https://cythilya.github.io/2017/04/04/flexbox-basics/

https://css-tricks.com/snippets/css/a-guide-to-flexbox/#align-content