css中rem有什麼特點

王林
發布: 2020-11-30 13:53:28
原創
3246 人瀏覽過

css中rem的特徵是:使用rem為元素設定字體大小時,仍然是相對大小,但相對的是HTML根元素,例如【.b{font-size: 2rem; //這裡就8px;}】。

css中rem有什麼特點

本教學操作環境:windows10系統、css3,本文適用於所有品牌的電腦。

rem:(相對於根元素的即HTML)

rem是CSS3中新增的一個相對單位,它與em的區別在於使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。它的使用非常簡單,透過改變根元素的大小就可以改變它的值(rem和em是類似的,就是相對的元素不一樣)

(學習影片分享:java影片教學

px:(固定不變的)

px 是pixel 的縮寫,它的意思是像素的意思,在指定字體大小和元素的寬高的時候使用。像素是相對於顯示器螢幕解析度的

em:(相對於父元素的)

#em是一個相對長度的單位,是相對於目前物件內文字的字體尺寸。如過我們未設定目前文字的字體尺寸,那麼em就會相對於瀏覽器的預設字體尺寸

程式碼範例:

//em的值时相对于父元素,修改.a的大小,.b的大小会随之发生变化  
  

51515

登入後複製

相關推薦:CSS教學

以上是css中rem有什麼特點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!