鐵人檔案
書寫從門外漢到切版新手，從html到css的學習筆記。分享自己的自學經驗，希望讓還未進到這道門的人可以一探究竟，也透過30篇的分享來練習切出基礎網頁。
藉由參加鐵人賽，記錄自己的學習，給自己一個挑戰，要越來越強！
上一篇介紹套用CSS的方法，最常用的是另外建立css檔並引入html檔。那麼我們要怎麼在css檔內寫入我們想要的樣式呢？ 首先我們會介紹css的語法，接著本篇的...
上一篇介紹了基礎的選擇器用法，今天來介紹進階的用法吧～ 群組選擇器 複選元素一起套樣式，中間用逗號隔開。要注意的是，如果這個選擇器群組其中一個無效，則整個群組都...
介紹了基礎的選擇器，以及進階用組合子的方式選擇。今天我們要來介紹更近一步的選擇器應用，偽類與偽元素。 偽類 Pseuedo-classes 偽類之所以叫作偽，簡...
在學選擇器時，不免會一直提到權重，權重是css的樣式聲明的套用比較級，當很多樣式被寫在同一個css檔時，它們的權重值會決定誰最後勝出，元素最終會以權重值最高的樣...
我們已經會用選擇器來指定我們要的元素，選擇器框內放入樣式聲明，才能夠幫元素套樣式，還記得我們說到CSS語法時，樣式聲明是屬性（property）跟屬性值（val...
單位 單位可以用在width（寬）、height（高）屬性上，也可以用在font-size（字體大小）上，我們在切版的時候，用什麼樣的單位來指定畫面上區塊、字體...
我們知道了怎麼在CSS裡表示color屬性值、單位與數值，這篇，我們要來認識常用到的文字樣式。 font-size 字的大小，我們在前一篇有示範過，字體的大小可...
background屬性是用來聲明元素的背景，它可以大到網頁整個背景，也可以設定一個一個區塊的背景，或是小到像<button>、<a>都...
background-position background-position是用來定位背景的位置，可以以方位名稱(top、left、center、right、...
Border樣式 所有元素都可以設邊框(border)。今天要介紹的border屬性有：border-style ｜ border-color ｜ border...
