css3的長度單位怎么用

本文小編為大家詳細(xì)介紹“css3的長度單位怎么用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“css3的長度單位怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴(kuò)展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，創(chuàng)新互聯(lián)建站面向各種領(lǐng)域：隧道混凝土攪拌車等成都網(wǎng)站設(shè)計公司、全網(wǎng)整合營銷推廣解決方案、網(wǎng)站設(shè)計等建站排名服務(wù)。


使用方法：1、em表示相對于當(dāng)前對象內(nèi)文本的字體大?。?、rem表示相對于根元素的字體大?。?、ch表示數(shù)字0的大??；4、vh表示百分比視口的高度；5、vw表示百分比視口的寬度；6、ex表示當(dāng)前字體的小寫x字母的的高度或者1/2的1em。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3新增長度單位的使用方法是什么

css3新增長度單位有：

  • em：相對于當(dāng)前對象內(nèi)文本的字體大小。相對于父節(jié)點(diǎn)的字體大小

  • rem：相對于根元素<html>的字體大小。應(yīng)用場景：以文字內(nèi)容決定布局的。

  • vh和vv：1vh等于1/100的視口高度①，1vw等于1/100的視口寬度。

  • vmin和vmax：關(guān)于視口高度和寬度的最小值或最大值，vmin等于1/100的視口寬高中的最小值。應(yīng)用場景：讓一個元素始終在屏幕中可見。

  • ch：數(shù)字0的寬度

  • ex：當(dāng)前字體的小寫x字母的的高度或者1/2的1em②。應(yīng)用場景：上實(shí)上標(biāo)和下標(biāo)

ch -- 字符0(零)的寬度

rem -- 根元素(html元素)的font-size

什么意思呢？

比如，根元素html的字體大小是100px，那么，根元素下面的元素設(shè)置的rem，都是 1rem = 100px。

rem的初始值是16px，也就是說在沒有設(shè)置根節(jié)點(diǎn)的 font-size時候，1rem = 16px

切記，是相對于根元素html，如果設(shè)置body，則不會起作用

謹(jǐn)記：vw和vh只相對于瀏覽器可視區(qū)域，即 window.innerHeight，window.innerWidth

vw -- 瀏覽器可視區(qū)域， 1vw 等于 瀏覽器可視區(qū)域?qū)挾鹊?1%

vh -- 瀏覽器可視區(qū)域， 1vh 等于 瀏覽器可視區(qū)域高度的 1%

vmin -- vw和vh中較小的那個

vmax -- vw和vh中較大的那個

比如瀏覽器寬/高 設(shè)置為 1000px/600px

那么，

2vmin = 600*2/100 = 12px
2vmax = 1000*2/100 = 20px

讀到這里，這篇“css3的長度單位怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標(biāo)題：css3的長度單位怎么用
網(wǎng)站網(wǎng)址：http://bm7419.com/article44/igiohe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站排名、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎ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è)