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

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

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

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

追蹤新知

看完這篇文章了嗎?還意猶未盡的話,追蹤粉絲專頁吧!

我們每天至少分享 1 篇文章/新聞或者實用的軟體/工具,讓你輕鬆增廣見聞提升專業能力!如果你喜歡我們的文章,或是想了解更多特定主題的教學,歡迎到我們的粉絲專頁按讚、留言讓我們知道。你的鼓勵,是我們的原力!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!