第十一屆

self
從門外漢到前端新手
JinWen

系列文章

DAY 11

Day11 CSS selector (1)

上一篇介紹套用CSS的方法,最常用的是另外建立css檔並引入html檔。那麼我們要怎麼在css檔內寫入我們想要的樣式呢? 首先我們會介紹css的語法,接著本篇的...

DAY 12

Day12 CSS selector (2)

上一篇介紹了基礎的選擇器用法,今天來介紹進階的用法吧~ 群組選擇器 複選元素一起套樣式,中間用逗號隔開。要注意的是,如果這個選擇器群組其中一個無效,則整個群組都...

DAY 13

Day13 CSS selector (3)

介紹了基礎的選擇器,以及進階用組合子的方式選擇。今天我們要來介紹更近一步的選擇器應用,偽類與偽元素。 偽類 Pseuedo-classes 偽類之所以叫作偽,簡...

DAY 14

Day14 CSS:權重

在學選擇器時,不免會一直提到權重,權重是css的樣式聲明的套用比較級,當很多樣式被寫在同一個css檔時,它們的權重值會決定誰最後勝出,元素最終會以權重值最高的樣...

DAY 15

Day15 CSS基本樣式-color

我們已經會用選擇器來指定我們要的元素,選擇器框內放入樣式聲明,才能夠幫元素套樣式,還記得我們說到CSS語法時,樣式聲明是屬性(property)跟屬性值(val...

DAY 16

Day16 CSS基本樣式-單位與數值

單位 單位可以用在width(寬)、height(高)屬性上,也可以用在font-size(字體大小)上,我們在切版的時候,用什麼樣的單位來指定畫面上區塊、字體...

DAY 17

Day17 CSS基本樣式-文字樣式

我們知道了怎麼在CSS裡表示color屬性值、單位與數值,這篇,我們要來認識常用到的文字樣式。 font-size 字的大小,我們在前一篇有示範過,字體的大小可...

DAY 18

Day18 CSS基本樣式-Background(上)

background屬性是用來聲明元素的背景,它可以大到網頁整個背景,也可以設定一個一個區塊的背景,或是小到像<button>、<a>都...

DAY 19

Day19 CSS基本樣式-Background(下)

background-position background-position是用來定位背景的位置,可以以方位名稱(top、left、center、right、...

DAY 20

Day20 CSS基本樣式-Border&Outline

Border樣式 所有元素都可以設邊框(border)。今天要介紹的border屬性有:border-style | border-color | border...