iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

金魚都能懂的CSS必學屬性 系列

CSS樣式表,一個你我日常都會用到的東西,不管是手機、電腦、還是智慧型家電,許多的介面中都存在著CSS的影子在內,但最常見的還是網頁開發了,許多初入門的網頁開發者總是對眾多的CSS屬性感到茫然,這次就跟著Amos一起來看看有哪些必學的CSS屬性吧!

鐵人鍊成 | 共 31 篇文章 | 230 人訂閱 訂閱系列文 RSS系列文
DAY 21

Background-attchment- 金魚都能懂的CSS必學屬性

background-attachment 主要用途是設定背景圖片位置的捲動或固定,看起來很像是 background-position 對吧?但他實際上是設定...

2020-10-06 ‧ 由 CSScoke 分享
DAY 22

Background - 金魚都能懂的CSS必學屬性

background 如字面所示,主要用途是設定網頁中元素的背景,實際上 background 是一個CSS 縮寫,它的值是由多個 CSS 屬性所組成,原始碼撰...

2020-10-07 ‧ 由 CSScoke 分享
DAY 23

Border & outline- 金魚都能懂的CSS必學屬性

border 主要用途是設定物件的邊框線, outline 是設定物件的外框線,這兩個很類似,但卻有一些細節有所差異,若是不清楚的話就可能會誤用,兩者的原始碼中...

2020-10-08 ‧ 由 CSScoke 分享
DAY 24

list-style - 金魚都能懂的CSS必學屬性

list-style 的作用是設定清單前方的圖示,網頁中清單類型的資料可說是固定項目了,每個頁面中都或多或少的可以看到一些清單類型的資料,只是在這些清單的視覺外...

2020-10-09 ‧ 由 CSScoke 分享
DAY 25

width & height - 金魚都能懂的CSS必學屬性

width 與 height 這兩個屬性說是必學可是完全名符其實,每個頁面中一定都會使用到這兩個屬性,width 與 height 主要分別是設定頁面中物件的寬...

2020-10-10 ‧ 由 CSScoke 分享
DAY 26

min-width & max-width - 金魚都能懂的CSS必學屬性

min-width 與 max-width 這兩個屬性跟 min-height 與 max-height 其實就跟 width 還有 height 差不多,唯獨...

2020-10-11 ‧ 由 CSScoke 分享
DAY 27

margin & padding - 金魚都能懂的CSS必學屬性

margin 與 padding 這兩個屬性應該是所有新手必學的兩大屬性,也是網頁入門必備的一項常識,margin 與 padding 分別控制物件的外部距離與...

2020-10-12 ‧ 由 CSScoke 分享
DAY 28

Box-sizing - 金魚都能懂的CSS必學屬性

Box-sizing 這個屬性是一個新時代的屬性,也是目前這時代網頁入門必備的一項常識,box-sizing 的作用是控制 width 與 height 作用的...

2020-10-13 ‧ 由 CSScoke 分享
DAY 29

Display - 金魚都能懂的CSS必學屬性

display 這個屬性實在是一個太重要的屬性了,要在一個篇幅中講完其實是不可能的事情,它可以說是目前金魚都能懂的 CSS 必學屬性中,排版類屬性內最重要的一個...

2020-10-14 ‧ 由 CSScoke 分享
DAY 30

position - 金魚都能懂的CSS必學屬性

position 這個屬與 display 一樣,實在是一個太重要的屬性了,同樣的要在一個篇幅中講完其實是不可能的事情,它可以說是目前金魚都能懂的 CSS 必學...

2020-10-15 ‧ 由 CSScoke 分享