長度的格式為，一數值加上單位符號。數值可是整數或有小數點，前可加上 + 或 -。長度分為：
- 絕對長度：只能用在特定的輸出裝置。in，英吋。cm，公分。mm，公厘。pt，等於 1/72 英吋。pc，等於 12 pt。
- 相對長度：可在不同的輸出裝置轉換。em 是元素字型的大小（1em 等於 font-size）。ex 是小寫字母的高度（1ex 等於 x-height）。px 是圖素。ch 是字母 0 的寬度，限 Firefox 使用。
- 風格用法：
<style type='text/css'>
.len DIV {background:blue;
float:left;
margin:0 4px;
padding:0;
}
</style>
<div class=len>
<div style='height:1in'>1 in</div>
<div style='height:72pt'>72 pt</div>
<div style='height:6pc'>6 pc</div>
<div style='height:1cm'>1 cm</div>
<div style='height:10mm'>10 mm</div>
<div style='height:10px'>10 px</div>
<div style='height:1em'>1 EM</div>
<div style='height:1ex'>1 ex</div>
<div style='height:1ch'>1 ch</div>
</div> - 執行結果：
1 in72 pt6 pc1 cm10 mm10 px1 EM1 ex1 ch
- 範例中的尺寸在不同螢幕或印表機，可能會有不同。
百分比的格式為，一數值加上 %。數值前可加上 + 或 -。 百分比必須代表某一數值的比例，例如父元件的寬度。
- 風格用法：
<style type='text/css'>
div.prc { width:50% }
</style>
<div class='prc' style='background:red'>
Not ask what your country can do for you, ask what you can do for your country.
<div class='prc' style='background:blue'>
射擊遊戲, 好玩遊戲, 益智遊戲, 賽車遊戲, 越野遊戲, 武打遊戲, 小遊戲, 線上遊戲。
</div>
</div> - 執行結果：
Not ask what your country can do for you, ask what you can do for your country.射擊遊戲, 好玩遊戲, 益智遊戲, 賽車遊戲, 越野遊戲, 武打遊戲, 小遊戲, 線上遊戲。
- 範例中，第二個 DIV 元件的寬度，是第一個 DIV 元件（父元件）的 50%。
URI 指到資源的位址。請參考 說明與範例。
可用來計算章節或頁數。請參考 說明與範例。
顏色有七種表示法，請參考 說明與範例。
角度用在聽覺的風格表。 其值為數值加上單位：deg（deree, 度）或 grad（）或 rad（radian, 弧度）。 數值可加上 + 或 -。
時間用在聽覺的風格表。 其值為數值加上單位：ms（百萬分之一秒）或 s（秒）。不可是負值。
頻率用在聽覺的風格表。 其值為數值加上單位：Hz（赫茲）或 kHz（千赫茲）。不可是負值。
字串可用雙引號 " 或單引號 ' 來定義。在字串中可以使用脫離字”\”，定義單引號（\'）或雙引號（\"）。例如：
"子曰：\"學而時習之，不亦說乎？\"。"
字串中可加入跳行（newline），用 \A，A 是跳行的 ASCII 碼。
字串本身太長時可在行尾加上 ”\” 分成多行。
