資訊專(zhuān)欄INFORMATION COLUMN
摘要：數(shù)字與單位之間不能出現(xiàn)空格。有兩種類(lèi)型的長(zhǎng)度單位相對(duì)和絕對(duì)。是可視區(qū)寬度單位。以百分比為單位的長(zhǎng)度值是基于具有相同屬性的父元素的長(zhǎng)度值。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴(lài)于環(huán)境顯示器分辨率操作系統(tǒng)等。
css有幾個(gè)不同的單位表示長(zhǎng)度
一些設(shè)置css長(zhǎng)度的屬性有 width，height，margin，padding等
長(zhǎng)度有一個(gè)數(shù)字和單位組成 如10px，2em，等。
數(shù)字與單位之間不能出現(xiàn)空格。如果長(zhǎng)度值為 0，則可以省略單位。
對(duì)于一些 CSS 屬性，長(zhǎng)度可以是負(fù)數(shù)。
有兩種類(lèi)型的長(zhǎng)度單位：相對(duì)和絕對(duì)。
相對(duì)長(zhǎng)度
對(duì)于一些 CSS 屬性，長(zhǎng)度可以是負(fù)數(shù)。
有兩種類(lèi)型的長(zhǎng)度單位：相對(duì)和絕對(duì)。
相對(duì)長(zhǎng)度
相對(duì)長(zhǎng)度單位指定了一個(gè)長(zhǎng)度相對(duì)于另一個(gè)長(zhǎng)度的屬性。對(duì)于不同的設(shè)備相對(duì)長(zhǎng)度更適用。
1.em
em 是一個(gè)相對(duì)單位。起初排版度量時(shí)是基于當(dāng)前字體大寫(xiě)字母”M”的尺寸的。當(dāng)改變font-family時(shí)，它的尺寸不會(huì)發(fā)生改變，但在改變font-size的大小時(shí)，它的尺寸就會(huì)發(fā)生變化。
**在沒(méi)有任何CSS規(guī)則的前提下，1em的長(zhǎng)度是：
1em == 16px == 0.17in == 12pt == 1pc == 4.2mm == 0.42cm**
如果有任何CSS規(guī)則改變了字體大?。ú还茉谖臋n的什么位置），1em的長(zhǎng)度會(huì)變成相對(duì)于新的font-size的大小。
2.rem
rem和em一樣也是一個(gè)相對(duì)單位，但是和em不同的是rem總是相對(duì)于根元素(如:html{})，而不像em一樣使用級(jí)聯(lián)的方式來(lái)計(jì)算尺寸。這種相對(duì)單位使用起來(lái)更簡(jiǎn)單。
3.vw
vw是可視區(qū)寬度單位。1vw等于可視區(qū)寬度的百分之一。vw單位跟百分比很相似，不同的是vw的值對(duì)所有的元素都一樣，與他們父元素或父元素的寬度無(wú)關(guān)。有點(diǎn)像rem單位那樣總是相對(duì)于根元素。
viewpoint width，視窗寬度，1vw=視窗寬度的1%
4.vh
vh和vw（viewport widht）單位一樣，不同的是vh是相對(duì)于可視區(qū)的高度。
viewpoint height，視窗高度，1vh=視窗高度的1%
5.vmin
vmin的值是當(dāng)前vw和vh中較小的值。在標(biāo)準(zhǔn)尺寸類(lèi)型的使用實(shí)例中，和由自己確定屏幕大小的vw、vh單位相比，vmin是一個(gè)更有用的度量標(biāo)準(zhǔn)。
6.vmax
Vmax的值是vw和vh中的較大的值。
7.%
以百分比為單位的長(zhǎng)度值是基于具有相同屬性的父元素的長(zhǎng)度值。
絕對(duì)長(zhǎng)度
絕對(duì)長(zhǎng)度單位是一個(gè)固定的值，它反應(yīng)一個(gè)真實(shí)的物理尺寸。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴(lài)于環(huán)境（顯示器、分辨率、操作系統(tǒng)等）。
px
像素或許被認(rèn)為是最好的“設(shè)備像素”，而這種像素長(zhǎng)度和你在顯示器上看到的文字屏幕像素?zé)o關(guān)。px實(shí)際上是一個(gè)按角度度量的單位。
我這邊給大家一個(gè)地址，可以換算單位
http://pxtorem.com/
好啦，今天就聊到這里，覺(jué)得對(duì)您有幫助的話(huà)，點(diǎn)個(gè)關(guān)注再走唄
如有不足，請(qǐng)多多指教
vx：bsl521921
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53918.html
摘要：有的是日常生活中使用的單位，比如厘米和英寸有的是印刷行業(yè)使用的單位，比如和有的是專(zhuān)門(mén)為發(fā)明的單位，比如。但是，由于目前低端打印機(jī)的每英寸點(diǎn)數(shù)為，而高端屏幕的每英寸點(diǎn)數(shù)為，因此所謂的高分辨率可能介于兩者之間。。 CSS中有很多屬性可以接受長(zhǎng)度值，比如： width, height, margin, padding, border-width, font-size, text-shadow...
摘要：無(wú)單位數(shù)字和行高有一些屬性可以接收不帶單位的數(shù)值意思就是一個(gè)不帶長(zhǎng)度單位的數(shù)字，如和等于，等于，如此類(lèi)推。警告不帶單位的只可以表示長(zhǎng)度單位和百分比的值，譬如和。段落繼承了的行高。長(zhǎng)度有兩種類(lèi)型絕對(duì)的和相對(duì)的。 前段時(shí)間試譯了Keith J.Grant的CSS好書(shū)《CSS in Depth》，其中的第二章《Working with relative units》，書(shū)中對(duì)relative ...
摘要：還有視口相關(guān)單位，依賴(lài)瀏覽器的視口大小來(lái)定義長(zhǎng)度的。如果你不熟悉視口相關(guān)單位的話(huà)，在這里簡(jiǎn)單介紹一下。筆記視口相關(guān)單位對(duì)于大多數(shù)瀏覽器還是一項(xiàng)比較新的特性，所以當(dāng)你試圖把這個(gè)特性和其他樣式混搭時(shí)，有可能會(huì)有一些很奇怪的。 前段時(shí)間試譯了Keith J.Grant的CSS好書(shū)《CSS in Depth》，其中的第二章《Working with relative units》，書(shū)中對(duì)rel...
摘要：數(shù)字與單位之間不能出現(xiàn)空格。有兩種類(lèi)型的長(zhǎng)度單位相對(duì)和絕對(duì)。是可視區(qū)寬度單位。以百分比為單位的長(zhǎng)度值是基于具有相同屬性的父元素的長(zhǎng)度值。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴(lài)于環(huán)境顯示器分辨率操作系統(tǒng)等。 css有幾個(gè)不同的單位表示長(zhǎng)度 一些設(shè)置css長(zhǎng)度的屬性有 width，height，margin，padding等 長(zhǎng)度有一個(gè)數(shù)字和單位組成 如10px，2em，等。數(shù)字與單位之間不能...
閱讀 1391·2023-04-25 16:45
閱讀 1929·2021-11-17 09:33
閱讀 2321·2021-09-27 14:04
閱讀 922·2019-08-30 15:44
閱讀 2642·2019-08-30 14:24
閱讀 3425·2019-08-30 13:59
閱讀 1700·2019-08-29 17:00
閱讀 899·2019-08-29 15:33
