鐵人檔案
接下來就進入到 div ，div 他是一個區塊元素，他可以幫我們整合東西，變成一塊，就像桌上很多玩具，我把這些玩具裝到一個盒子裡面。 <body>...
今天講一下 margin 和 padding，這兩個是非常重要的基本，幾乎所有網頁調整都會需要用到。 * { border: 1px solid bla...
接下來我們就要除錯，非常的簡單，就是只要去調整我們 CSS 就好。 我們是 card-title 和 card-content 因為瀏覽器有幫我們預設好 CS...
上一片把卡片做好了，這次我們就來排版，我們複製第一張卡片的程式碼，然後圖片換掉，用好後後變成這樣。 <body> <!-- 卡片1開始 -...
今天我們要來介紹清單，清單也是很常會需要用到的排版方式，有些人可能會直接使用 <p> <br> 把它們分段呈現，但是這樣不但不方便，還可...
這篇我們要來了解表格，有些人會拿表格來製作網頁，但是這樣其實是不太OK的，表格不好調整而且也不能拿來做 RWD，所以要排版的話就使用 div 來做排版，那接下來...
這次來到了表單，表單也是網頁必需要的一部分，通常網頁都會有個意見回饋表或是填寫個人資料、註冊帳號密碼...等。 我們在寫表單或是問卷會使用 form 標籤，最外...
今天介紹基本的網頁架構，就是 HTML5 新的標籤語言，有多了許多標籤，這些標籤會方便使人閱讀更好分辨，但是他們的功用都跟 div 一樣，這些新的標籤分別是 h...
我在前面雖然說過一些 CSS 了，但不是說得很清楚，所以這次要講得更明白、更深，這樣才能把 CSS 運用自如。 首先要使用 CSS 必須要把 CSS 檔案置入到...
這次來到階層選擇器，就是利用大於(>)選擇A元素裡面的B元素。 <body> <p class="text"...
