css中rem有哪些特點(diǎn)

這篇文章主要介紹了css中rem有哪些特點(diǎn)，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、渾江網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為渾江等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

css中rem的特點(diǎn)是：使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的是HTML根元素，例如【.b{font-size: 2rem; //這里就8px;}】。

rem：

rem是CSS3中新增的一個(gè)相對(duì)單位，它與em的區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素。它的使用非常簡(jiǎn)單，通過(guò)改變根元素的大小就可以改變它的值(rem和em是類似的，就是相對(duì)的元素不一樣)

（學(xué)習(xí)視頻分享：java視頻教程）

px:（固定不變的）

px 是 pixel 的縮寫，它的含義是像素的意思，在指定字體大小和元素的寬高的時(shí)候使用。像素是相對(duì)于顯示器屏幕分辨率而言的

em:（相對(duì)于父元素的）

em是一個(gè)相對(duì)長(zhǎng)度的單位，是相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如過(guò)我們未設(shè)置當(dāng)前文本的字體尺寸，那么em就會(huì)相對(duì)于瀏覽器的默認(rèn)字體尺寸

代碼示例：

//em的值時(shí)相對(duì)于父元素，修改.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)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

分享標(biāo)題：css中rem有哪些特點(diǎn)
文章位置：http://bm7419.com/article28/jdgijp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站改版、用戶體驗(yàn)、App開(kāi)發(fā)、網(wǎng)站維護(hù)、域名注冊(cè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容