iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

letter-spacing 是一個控制字元間距的屬性,許多視覺設計師很喜歡做加大字距的視覺設計,這時就是letter-spacing上場發揮的時候了。 let...

2020-09-26 ‧ 由 CSScoke 分享
DAY 12

達標好文 Direction- 金魚都能懂的CSS必學屬性

direction 的規則 direction是控制inline物件排列的方向,其撰寫方式像是這樣 direction: ltr; direction的作用是...

2020-09-27 ‧ 由 CSScoke 分享
DAY 13

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

word-spacing 的規則 word-spacing 基本上僅需指定一個值,其撰寫方式像是這樣 word-spacing: block; word-sp...

2020-09-28 ‧ 由 CSScoke 分享
DAY 14

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

Font 的規則 font 是一個文字相關屬性的縮寫屬性,也是目前金魚都能懂的CSS必學屬性中第一個遇到的CSS縮寫屬性,font 可同時設定了包括文字樣式、小...

2020-09-29 ‧ 由 CSScoke 分享
DAY 15

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

Background-color 的規則 background-color基本上僅需指定一個值,其撰寫方式像是這樣 Background-color: red;...

2020-09-30 ‧ 由 CSScoke 分享
DAY 16

達標好文 Background-image 之一 - 金魚都能懂的CSS必學屬性

Background-image 的規則 background-image作用是設定背景圖片,其撰寫方式像是這樣 background-image: url(&...

2020-10-01 ‧ 由 CSScoke 分享
DAY 17

達標好文 Background-image 之二- 金魚都能懂的CSS必學屬性

前情提要,從上一篇我們了解到背景圖片的多個設定,以及可以設定多重背景之後,這一篇我們要來了解的是背景的漸層,如果還沒看過上一篇的朋友,建議先去看一下「backg...

2020-10-02 ‧ 由 CSScoke 分享
DAY 18

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

background-position 背景位置指的是背景圖片的位置而非色彩位置,所以切記!使用這個屬性時,請記得搭配 background-image 使用,...

2020-10-03 ‧ 由 CSScoke 分享
DAY 19

達標好文 Background-repeat- 金魚都能懂的CSS必學屬性

background-repeat主要用途是讓背景圖片可以重複拼接,好能夠在背景圖片小於容器尺寸時,利用拼接的方式鋪滿整個容器範圍,background-rep...

2020-10-04 ‧ 由 CSScoke 分享
DAY 20

達標好文 Background-size- 金魚都能懂的CSS必學屬性

background-size如字面所示,主要用途是設定背景圖片的尺寸,background-size可以使用數值或關鍵字設定,並可以設定一至兩個值,倘若是需要...

2020-10-05 ‧ 由 CSScoke 分享