久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

CSS中字體單位px，em，rem和%的用法

本文將為大家詳細(xì)介紹“CSS中字體單位px，em，rem 和%的用法”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“CSS中字體單位px，em，rem 和%的用法”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。

創(chuàng)新互聯(lián)公司是網(wǎng)站建設(shè)專(zhuān)家,致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營(yíng)銷(xiāo)，專(zhuān)業(yè)領(lǐng)域包括成都網(wǎng)站建設(shè)、成都做網(wǎng)站、電商網(wǎng)站制作開(kāi)發(fā)、微信平臺(tái)小程序開(kāi)發(fā)、微信營(yíng)銷(xiāo)、系統(tǒng)平臺(tái)開(kāi)發(fā)，與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開(kāi)發(fā)公司不同，我們的整合解決方案結(jié)合了恒基網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷(xiāo)的理念，并將策略和執(zhí)行緊密結(jié)合，且不斷評(píng)估并優(yōu)化我們的方案，為客戶(hù)提供全方位的互聯(lián)網(wǎng)品牌整合方案！

css是什么意思

css是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，主要是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，使網(wǎng)頁(yè)更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁(yè)，也可以配合各種腳本對(duì)于網(wǎng)頁(yè)進(jìn)行格式化。

我們?cè)陧?yè)面布局時(shí)，通常會(huì)選擇用px作為長(zhǎng)度單位，提到em，rem等其他長(zhǎng)度單位，很多人會(huì)很陌生。

css字體單位有好多種，我們這里只介紹％，px，em，rem這幾種吧

1.百分比％
2.px像素（pixel）。相對(duì)長(zhǎng)度單位。像素px時(shí)相對(duì)于顯示屏幕分辨率而言的。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .div1{
               font-size: 20px;
            }
        </style>
    </head>
    <body>
        <div class="div1">
            字體為20px
       </div>
    </body>
</html>

2、em 是相對(duì)長(zhǎng)度單位。相對(duì)于對(duì)象文本內(nèi)的字體尺寸。如果當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相當(dāng)于瀏覽器默認(rèn)字體尺寸。

任意瀏覽器的默認(rèn)字體大小都有是16px。所有未經(jīng)調(diào)整的瀏覽器的字體尺寸都符合：1em＝16px。為了簡(jiǎn)化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說(shuō)只需要將你的原來(lái)的px數(shù)值除以10，然后換上em作為單位就行了。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            body{
                /*相對(duì)于瀏覽器的字體大小16px定義，此時(shí)瀏覽器的字體大小為10px，便于以后計(jì)算*/
                font-size: 62.5%;
            }
            .div1{
                font-size: 2em;
            }
        </style>
    </head>
    <body>
        <div class="div1">
            字體2em相當(dāng)于20px
        </div>
    </body>
</html>

em的特性

1.em的值并不是固定的。
2.em的值會(huì)繼承父級(jí)的字體大小。
3.rem  是css3新引進(jìn)的一個(gè)相對(duì)單位（root em）rem仍然是一個(gè)相對(duì)大小，但是值相對(duì)于HTML。通過(guò)它既可以做到知修改根元素就成比例的調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
             .div1{
                 /*相對(duì)于HTMl字體*/
                 font-size: 2rem;
            }
        </style>
    </head>
    <body>
        <div class="div1">
            字體2rem相當(dāng)于32px
        </div>
    </body>
</html>

如果你能讀到這里，小編希望你對(duì)“CSS中字體單位px，em，rem 和%的用法”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標(biāo)題：CSS中字體單位px，em，rem和%的用法
分享網(wǎng)址：http://sd-ha.com/article6/josdig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、全網(wǎng)營(yíng)銷(xiāo)推廣、微信公眾號(hào)、網(wǎng)頁(yè)設(shè)計(jì)公司、靜態(tài)網(wǎng)站、企業(yè)建站

廣告

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

外貿(mào)網(wǎng)站制作