HTML 基礎概論
對於新手網頁工程師而言，認識什麼是 Html 是一件基礎的事，基本上瀏覽器開啟網頁，幾乎都是開啟 Html 的！ 那什麼是 Html 呢？ 詳細的歷史淵源、解釋這邊就不多說啦，大家若有興趣可以自己去 Goolge or Wiki 這邊…
閱讀更多HTML
好用的 CSS box-sizing
每次切版都被 width、padding、border 搞的寬、高多少都不知道嗎？ 這一篇要介紹的就是如何優雅的解決這問題！ 延續上次我們遇到的 width 寬值問題來進階討論 一般來說 width 如果設定 100px 時候，那該元素寬會是 …
閱讀更多CSS 的 calc
繼上次分享 HTML 元素並排 後，我們來思考個簡單延伸題！ 如果說有個版要切分成兩個區塊，分別是各佔一半的面積，你會怎麼寫？ 以這段程式碼為例子： div class=box div class=aThis is A/div div class=bThis is B…
閱讀更多HTML 元素並排
今天研討一個議題 要怎麼讓兩個 div 在一個 div 裡面並排？ 嗯.. 看似簡單的題目，但其實在切版的時候大家常常會弄半天不知所以然ＸＤ 首先，先這個 HTML 例子： div class=box div class=aThis is A/div div class…
閱讀更多