SECTION#3

工具 - Normalize CSS, Reset CSS

觀念 CSS Layout (Float, Flex, Grid)

Normalize css

- 讓所有有瀏覽器一致性 連結

Reset

- 讓標籤有同樣的預設

Layout | 排版

3 種方式 - Float | Flex | Grid

Float

支援度 100%

現在普遍性最高

最多人用的排版

缺點: 彈性不高

Flex

- 現代開發非常普遍

適合1-Dimensional 排版 (ex. x-axis , x-axis) 

Grid

2017 被 IE Edge 使用

- Browser Support 還不夠高

-適合2-Dimensional 排版 (ex. xy-axis)

- 未來的趨勢 

Made with Slides.com