這篇文章主要介紹了css中rem有哪些特點(diǎn),具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、渾江網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為渾江等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
css中rem的特點(diǎn)是:使用rem為元素設(shè)定字體大小時(shí),仍然是相對大小,但相對的是HTML根元素,例如【.b{font-size: 2rem; //這里就8px;}】。
rem:
rem是CSS3中新增的一個(gè)相對單位,它與em的區(qū)別在于使用rem為元素設(shè)定字體大小時(shí),仍然是相對大小,但相對的只是HTML根元素。它的使用非常簡單,通過改變根元素的大小就可以改變它的值(rem和em是類似的,就是相對的元素不一樣)
(學(xué)習(xí)視頻分享:java視頻教程)
px:(固定不變的)
px 是 pixel 的縮寫,它的含義是像素的意思,在指定字體大小和元素的寬高的時(shí)候使用。像素是相對于顯示器屏幕分辨率而言的
em:(相對于父元素的)
em是一個(gè)相對長度的單位,是相對于當(dāng)前對象內(nèi)文本的字體尺寸。如過我們未設(shè)置當(dāng)前文本的字體尺寸,那么em就會(huì)相對于瀏覽器的默認(rèn)字體尺寸
代碼示例:
//em的值時(shí)相對于父元素,修改.a的大小,.b的大小會(huì)隨之發(fā)生變化 <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>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css中rem有哪些特點(diǎn)內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!
分享標(biāo)題:css中rem有哪些特點(diǎn)
文章位置:http://www.rwnh.cn/article28/jdgijp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、網(wǎng)站改版、用戶體驗(yàn)、App開發(fā)、網(wǎng)站維護(hù)、域名注冊
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)