2021/11/07（日）
線上課程 網頁開發 學習進度 進度紀錄 67/554。
https://www.udemy.com/...
67、font-size - px and rem

上一噗：

@MajimeF - 2021/11/06（六） #線上課程 #網頁開發 #學習進度 #進度紀錄 66/...

此課程 書籤噗 ：

@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發

text styling
．font size (units in CSS, relative and absolute: px, rem)
．text-align
．text-decoration (underline, none, line-through)
．line-height
．letter spacing
．font family (it's safer to use a font stack, which is an order of fonts.)
．text-indant

px 像素。絕對單位。
rem 倍率。相對單位。

網頁瀏覽器的預設文字尺寸是 16px。
1rem＝16px
2rem＝32px
0.5rem＝8px

如果使用者用瀏覽器的自訂字型功能…
文字設定會有差別。

px 不會改變。
rem 會跟著縮放。

能夠縮放自然是比較便於閱讀。

p {
font-size: 1.25rem;
}
段落文字大小為1.25倍大。

p {
font-size: 12px;
}
段落文字大小為12px。