1.width:auto或者不設width 與 width:100% 區別
width:auto或者不設：子元素會預設撐滿父元素content區域，如果子元素有margin、border、padding的話，content區域會自動減去margin、border、padding，這樣子元素一定不會超出父元素
width:100%：子元素會預設撐滿父元素content區域，如果子元素有margin、border、padding的話，content區域不會減去margin、border、padding，這樣子元素就會超出父元素
所以：無寬度！盡量利用元素流特性來撐滿
2.white-space
white-space屬性
原始碼空格
原始碼換行
換行容器邊界換行
normal
合併忽略
換行換行
nowrap
合併忽略
換行不換行
pre保留
換行換行
不換行pre-wrap
保留換行
換行換行
pre-line
合併換行
換行換行
3.@keyframes 關鍵幀
語法：@keyframes animationname }4.background-color:currentcolor; background-clip 裁剪背景引數解析：
1.animationname:宣告動畫的名稱。
2.keyframes-selector:用來劃分動畫的時長，可以使用百分比形式，也可以使用 "from" 和 "to"的形式。
"from" 和 "to"的形式等價於 0% 和 100%。
建議始終使用百分比形式。
eg: @keyframes width
100%
}通過animation呼叫： animation: keyframesname
duration
timing-function
delay
iteration-count
direction;
currentcolor是css3中的新屬性，意思是設定顏色為當前字型的顏色
background-clip可以設定的值： border-box 裁剪到邊框盒子
padding-box 裁剪到內邊距盒子
content-box 裁剪到內容盒子
5.margin 可以為負值
margin-left、margin-right
>元素本身沒有寬度會增加寬度
>元素有寬度會產生位移
margin-top: 產生向上的位移
margin-bottom: 不會產生位移，會減少自身供css讀取的高度
6. clip 屬性針對絕對定位元素用於裁剪出乙個矩形，超出了這個矩形的部分按照overflow的值來處理
css小知識點
1 選擇器查詢順序是自右向左的順序查詢 2 色值 六位，每兩位代表乙個顏色的飽和度，rgb分別代表紅綠藍，每一位是乙個十六進製制，如果每個的兩位都重複，那麼可以只寫乙個 3 行內元素不能設定寬高 塊級元素可以 行內塊級元素 4 只需設定乙個寬或者高，另乙個會自動改變 5 凡是inline和inlin...
css小知識點
1，z index 該屬性設定乙個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。元素可擁有負的 z index 屬性值。z index...
CSS小知識點
id選擇器 100 類選擇器 10 元素選擇器 1 content div 10 1 data 10 content data 10 10 選擇器是有優先順序的，可以通過權重來計算其優先順序 background color屬性用於為元素設定背景色，該屬 性接受任何合法的顏色值 bodybodybo...