css中的em單位怎么用

小編給大家分享一下css中的em單位怎么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、奉賢ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的奉賢網(wǎng)站制作公司

    css長度單位之em單位

    em是相對字體長度單位，它的單位長度是根據(jù)元素的文本文字垂直長度來決定的。例：1em相當(dāng)于當(dāng)前的字體尺寸（font-size屬性），那么2em相當(dāng)于當(dāng)前字體尺寸的2倍。若用于其他屬性（width,height），則是相對于本身元素的font-size?？梢宰饔迷趙idth、height、line-height、margin、padding、border等樣式的設(shè)置上。

    我們具體的看一個簡單的示例，來了解em。

    <!DOCTYPEhtml>

    <html>

    <head>

    <metacharset="UTF-8">

    <style>

    div{

    font-size:40px;

    width:10em;

    /*400px*/

    height:10em;

    border:solid1pxblack;

    }

    p{

    font-size:0.5em;

    /*20px*/

    width:10em;

    /*200px*/

    height:10em;

    border:solid1pxred;

    }

    span{

    font-size:0.5em;

    width:10em;

    height:10em;

    border:solid1pxblue;

    display:block;

    }

    </style>

    </head>

    <body>

    <div>

    我是父元素div

    <p>

    我是子元素p

    <span>我是孫元素span</span>

    </p>

    </div>

    </body>

    </body>

    </html>



css中的em單位怎么用

看完了這篇文章，相信你對“css中的em單位怎么用”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

標(biāo)題名稱：css中的em單位怎么用
本文路徑：http://muchs.cn/article46/ppjheg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、手機網(wǎng)站建設(shè)、App設(shè)計、軟件開發(fā)、云服務(wù)器、域名注冊

廣告

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

成都網(wǎng)站建設(shè)公司