iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0
影片教學

一起來實作響應式網頁設計系列 第 8

一起來實作響應式網頁設計:CSS字型屬性 Day8

  • 分享至 

  • xImage
  •  

影片教學

Yes

重點回顧

嗨!大家好,先前的影片已經簡單介紹CSS撰寫的語法以及選擇器的種類,今天將要針對字型的屬性去進行設定。

首先是字型部分,在font-family關鍵字設定字型名稱即可設定,透過,區隔字型,當今天前者字型無法順利顯示,就會套用到下一個字型。

h1 {font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

再來是字體大小,給予值的方式有四種

/* 單位 */
li {font-size: 10px;}
/* 絕對大小 */
li {font-size: x-large;}
/* 相對大小 */
li {font-size: larger;}
/* 百分比 */
li {font-size: 150%;}

最後是行高,也有幾種設定值的方式

/* 數字 */
p {line-height: 2;}
/* 單位 */
p {line-height: 10px;}
/* 百分比 */
p {line-height: 150%;}

以上就是今天的教學,感謝大家觀看。


上一篇
一起來實作響應式網頁設計:CSS的各種選擇器 Day7
下一篇
一起來實作響應式網頁設計:CSS清單屬性 Day9
系列文
一起來實作響應式網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言