css3的長度單位怎么用

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

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

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

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

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

css3新增長度單位有：

em：相對于當前對象內文本的字體大小。相對于父節(jié)點的字體大小
rem：相對于根元素<html>的字體大小。應用場景：以文字內容決定布局的。
vh和vv：1vh等于1/100的視口高度①，1vw等于1/100的視口寬度。
vmin和vmax：關于視口高度和寬度的最小值或最大值，vmin等于1/100的視口寬高中的最小值。應用場景：讓一個元素始終在屏幕中可見。
ch：數(shù)字0的寬度
ex：當前字體的小寫x字母的的高度或者1/2的1em②。應用場景：上實上標和下標

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

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

什么意思呢？

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

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

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

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

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

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

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

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

比如瀏覽器寬/高設置為 1000px/600px

那么，

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

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

文章標題：css3的長度單位怎么用
網(wǎng)站網(wǎng)址：http://www.rwnh.cn/article44/igiohe.html

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

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

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

css3的長度單位怎么用

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