css有一些強大的函式：
1. calc
可以混合多種單位來計算
div
2. max、min、clamp
max、min選最大/小的那個
clamp() 則是給乙個值限定乙個範圍，超出範圍外則使用範圍的最大或者最小值。（現在帶webkit字首可以使用）
div
3.toggle
toggle() 函式在規則選中多於乙個元素時生效，它會在幾個值之間來回切換，比如我們要讓乙個列表項的樣式圓點和方點間隔出現，可以使用下面**：
ul
4.attr
用來獲取元素的屬性值，目前只能在content處使用
<div
data-name
="abc"
title
="123"
>
div>
<
style
>
div:before
style
>
CSS屬性值的計算
瀏覽器如何渲染頁面 乙個元素乙個元素依次渲染，順序按照頁面文件的樹形目錄結構進行 渲染每個元素的前提條件 該元素的所有css屬性都必須要有值 屬性值的計算過程 乙個元素從所有屬性都沒有值，到所有的屬性都有值,這個計算過程，叫做css屬性值計算過程 宣告衝突 多個css樣式,多次應用到同乙個元素 層疊...
css屬性值的計算
了解css屬性值的計算之前，我們先了解一下瀏覽器的html文件的渲染過程 html文件載入時 先載入html 搭建出骨架 然後按照html文件樹的樹形順序依次給每個元素渲染樣式屬性 1 每個元素渲染的前提條件是 該元素的所有css屬性都必須有值 我們可能只指定部分css屬性，但是那些預設的css屬性...
使用calc 函式在CSS屬性值時執行計算
在現實中，我們經常要動態調整相對整個畫面的整體高度或者寬度 比如 我想設定乙個div高度為整個螢幕的100 再減去20px固定高度，這種如何實現呢？我們就可以適合用calc 函式調整了。使用方法 實現了寬度為父容器寬度減去固定的20px width webkit calc 100 20px widt...