本文介紹兩個css功能：計算函數及定制屬性。
計算函數calc()
不要將它錯看成scal()，為了方便記憶，可稱之為「卡殼」。
如果你希望某元素高度比100%少24px，以便在它上方放置一個高24px的元素，那麼你就有必要使用它：
height: calc(100% - 24px);該方法支持標準的加減乘除四則運算，但在運算符前後要加空格
詳盡用法參閱：https://developer.mozilla.org/en-US/docs/Web/CSS/calc
定制屬性
如果你希望某兩個元素有一樣的屬性，除了把它們的類寫在一起之外，還可以用以下的自定義屬性值：
body {--ej-color: purple;}
sth1 {color: var(--ej-color);}
sth2 {color: var(--ej-color);}
sth3 {color: var(--ej-color);}這樣寫的好處是，同一個類名將只出現一次，且因為對屬性值有了命名，你會更明確這個屬性值的含義。
詳情請參閱：https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties