青春須早為，豈能長少年。——孟郊《勸學》css中有不少屬性是以長度作為值的。盒模型的屬性就是一些很明顯的值屬性：width、height、margin、padding、border。除此之外還有很多其他的css屬性的值同樣也是長度值，像字型的大小、間距等。css中有哪些長度單位可以作為屬性的值呢？這樣的單位有很多。如px、em、rem、vw等等。今天要講的就是「fr」。
fr單位被用於在一系列長度值中分配剩餘空間，如果多個已指定了多個部分，則剩下的空間根據各自的數字按比例分配。彈性尺寸使用fr尺寸單位，其來自 「fraction」這個單詞的前兩個字母，表示整體空間的一部分。
css**示例：
#box
#box div
#box div:nth-of-type(1)
#box div:nth-of-type(2)
#box div:nth-of-type(3)
用fr分配空間得到的網格如下：
bit Byte bps Bps pps單位詳解
電腦記憶體中最小的單位，在二進位電腦系統中，每一bit 常用小寫的b來表示bit 可以代表0 或 1 的數碼訊號。byte 位元組 位元組單位，一般表示儲存介質大小的單位，乙個b 常用大寫的b來表示byte 可代表乙個字元 a z 數字 0 9 或符號 但中文字需要2個位元組。注意 在計算儲存介質大...
CSS長度單位詳解
長度單位可以總體的分為絕對長度單位和相對長度單位。css中最為大家熟知的無疑是px和em，但與此同時還存在pt,rem,vw,vh等其他計量單位，使用好它們可以大大增長我們的開發效率。本篇文章試圖整理在前端開發中用到的css單位和其應用場景。px是pixel縮寫，是基於畫素的單位。在瀏覽網頁過程中，...
pt, px, DPI 關於長度單位的詳解
pt,px,dpi 關於長度單位的誤解 february 24th 2006 posted to css,browsers,typography 在印刷排版中，point 是乙個絕對的單位，它等於 1 72 英吋，可以用尺子丈量的，物理的英吋。但在 css 中 pt 的含義卻非如此，例如我們指定乙個...