鐵人檔案
當使用者開啟網頁的瞬間，對網站的第一印象通常就是「顏色」，我們可以說顏色是決定網站印象的重要設計元素。 今天要介紹用 CSS 設定顏色的方法以及配色的基本知識。...
前面有學到替元素加上背景色，元素的背景也可以放置背景圖，這樣會大幅改變整個網站的印象。 今天要說明如何替元素加上好看的背景圖，重點是不能讓圖片影響文字的易讀性。...
之前有學過，排版網頁時，會利用區塊元素分組整理網頁元素。在排版的過程中，也常常需要替各個群組設定大小。 因此今天將說明設定元素寬度與高度的方法。 用「wi...
今天要學習的是留白，所謂留白並不是毫無意義的空白，而是讓元素之間保留「間隙」的「空間」。留白其實是很重要的設計元素，能讓畫面變得更容易瀏覽，也能使文章變得更容易...
今天的內容會分為兩部分：設定元素的邊框、美化項目清單。那麼事不宜遲，現在馬上開始吧！ 首先要來說明如何設定元素的變框，元素周圍的變框預設是沒有顏色或線條的，如果...
目前為止已經認識許多常用的 HTML 標籤和 CSS 樣式，接著要學習進階的設定技巧，例如想同時改變多個標籤的樣式時，該怎麼寫呢？這時候就需要活用「類別(cla...
今天我們要開始試著用 CSS 動手編排網頁的版面(Layout)。排版時善用屬性，就能輕鬆編排出常見的「彈性版面」(Flexible Layout)或「格線式版...
其實每種瀏覽器在預設狀態下，都有套用其獨家的 CSS，因此我們對 CSS 的設定，在不同的瀏覽器上瀏覽時，可能會有差異。為了方便製作，建議重置 CSS，還原成預...
已經到了鐵人賽的尾聲了，所以今天要來整理一些使用頻率較高的屬性。檢視結果會隨著設定值而產生明顯差異，最好逐一確認清楚。 文字及文章的裝飾 屬性 用途...
終於來到最後一天了！那今天的內容跟前面 29 天的學習沒有太大的關係，主要是要想來說說我這 30 天來的心得。 其實最初會報名參加鐵人賽的原因是因為學校老師要我...
