您好,登錄后才能下訂單哦!
這篇文章主要介紹了css中rem有哪些特點,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
css中rem的特點是:使用rem為元素設定字體大小時,仍然是相對大小,但相對的是HTML根元素,例如【.b{font-size: 2rem; //這里就8px;}】。
rem:
rem是CSS3中新增的一個相對單位,它與em的區別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。它的使用非常簡單,通過改變根元素的大小就可以改變它的值(rem和em是類似的,就是相對的元素不一樣)
(學習視頻分享:java視頻教程)
px:(固定不變的)
px 是 pixel 的縮寫,它的含義是像素的意思,在指定字體大小和元素的寬高的時候使用。像素是相對于顯示器屏幕分辨率而言的
em:(相對于父元素的)
em是一個相對長度的單位,是相對于當前對象內文本的字體尺寸。如過我們未設置當前文本的字體尺寸,那么em就會相對于瀏覽器的默認字體尺寸
代碼示例:
//em的值時相對于父元素,修改.a的大小,.b的大小會隨之發生變化 <style> .a{ font-size: 4px; //1em=4px } .b{ font-size: 2rem; //這里就8px; } </style> </head> <body> <div class="a"> <p class="b"> 51515 </p> </div> </body>
感謝你能夠認真閱讀完這篇文章,希望小編分享css中rem有哪些特點內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。