太狠了！常見網頁元件與版面 HTML/CSS 語法收藏！

其實現在網頁應用開發多半都會盡量使用常見的元件與版面（各種前端框架也都會內建），譬如 modal, tooltip, notification 以及 card 等等。

使用常見的元件與版面的好處是——使用者已經十分習慣這些元件與版面，可以輕易理解並操作，開發者也不用另外花時間構思一種全新的元件提高開發成本。

如果你好奇這些元件是怎麼用 CSS 刻出來的，可以從 https://csslayout.io/ 一窺究竟, 肯定能夠讓你有所收穫，不過這個網頁上的元件實作方式並不完全保證可跨瀏覽器，因此不建議在未經全面測試的情況下，就使用在 production 環境，但如果僅作為學習用途倒是相當可以。