系列文章
Day11 CSS selector (1)
上一篇介紹套用CSS的方法，最常用的是另外建立css檔並引入html檔。那麼我們要怎麼在css檔內寫入我們想要的樣式呢？ 首先我們會介紹css的語法，接著本篇的...
Day12 CSS selector (2)
上一篇介紹了基礎的選擇器用法，今天來介紹進階的用法吧～ 群組選擇器 複選元素一起套樣式，中間用逗號隔開。要注意的是，如果這個選擇器群組其中一個無效，則整個群組都...
Day13 CSS selector (3)
介紹了基礎的選擇器，以及進階用組合子的方式選擇。今天我們要來介紹更近一步的選擇器應用，偽類與偽元素。 偽類 Pseuedo-classes 偽類之所以叫作偽，簡...
Day14 CSS：權重
在學選擇器時，不免會一直提到權重，權重是css的樣式聲明的套用比較級，當很多樣式被寫在同一個css檔時，它們的權重值會決定誰最後勝出，元素最終會以權重值最高的樣...
Day15 CSS基本樣式-color
我們已經會用選擇器來指定我們要的元素，選擇器框內放入樣式聲明，才能夠幫元素套樣式，還記得我們說到CSS語法時，樣式聲明是屬性（property）跟屬性值（val...
Day16 CSS基本樣式-單位與數值
單位 單位可以用在width（寬）、height（高）屬性上，也可以用在font-size（字體大小）上，我們在切版的時候，用什麼樣的單位來指定畫面上區塊、字體...
Day17 CSS基本樣式-文字樣式
我們知道了怎麼在CSS裡表示color屬性值、單位與數值，這篇，我們要來認識常用到的文字樣式。 font-size 字的大小，我們在前一篇有示範過，字體的大小可...
Day18 CSS基本樣式-Background(上)
background屬性是用來聲明元素的背景，它可以大到網頁整個背景，也可以設定一個一個區塊的背景，或是小到像<button>、<a>都...
Day19 CSS基本樣式-Background(下)
background-position background-position是用來定位背景的位置，可以以方位名稱(top、left、center、right、...
Day20 CSS基本樣式-Border＆Outline
Border樣式 所有元素都可以設邊框(border)。今天要介紹的border屬性有：border-style ｜ border-color ｜ border...