（一）兩種打包表單區別 |屬性 |特點 |應用 | | | | | |get |加到url，直接可見 |書簽，歷史瀏覽 | |post |間接可見，請求發送量多 |私密，訂購，評論，反饋 | （二）三種溯源區別 |屬性 |特點 |應用 | | | | | |url（uniform resource ...
（一）兩種打包表單區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| get | 加到url，直接可見 | 書簽，歷史瀏覽 |
| post | 間接可見，請求發送量多 | 私密，訂購，評論，反饋 |
（二）三種溯源區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| url（uniform resource locator）統一資源定位符 | 聯結的專業代名詞 | 絕對路徑一般以Web站點為根目錄 |
| css特定 | background: url（） | |
| href | 相對路徑，連結引用 | body超鏈接<a>、head文件鏈接<link> |
| src | 相對路徑，物件來源 | 圖片<img>、音頻<audio>``<video>、 |
（三）三種不顯示區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| display:none | 不占原位，耗能高 | 滑鼠經過菜單 |
| overflow:hidden | 不占原位，內容溢出被砍掉，引起重繪，耗能少 | 浮動、動畫佈局 |
| visibility:hidden | 占原位，引起迴流重繪，耗能少 | 動畫 |
| opacity:0 | 占原位，重建圖層，耗能少，可點擊 | 動畫、自定義上傳按鈕 |
①reflow：當render樹中部分或者全部因為寬高、邊距等問題發生改變而需要重建的過程，叫做迴流。
②repaint：當元素的部分屬性發生變化，如：背景色不會引起佈局變化而需要重新渲染的過程，叫做重繪。
（四）四種尺寸區別
| （預設）屬性 | 特點 | 應用 |
|---|---|---|
| （16）px | 固定值 | 元素邊框、定位 |
| （1.6）rem | 相對於根元素<html>，利用font-size控制全局變數，方便統一計算 |
響應式佈局、媒體查詢 |
| （1）em | 相對於父元素 | 響應式佈局、組件 |
| （100）% | 相對於瀏覽器 | 多列佈局 |
（五）四種文本提示區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| title | 游標置於對象 | 重要標題、信息點，如LOGO鏈接 |
| alt | 對象不能正常顯示 | 圖片、動畫 |
| placeholder | 僅作表單控制項未輸入值的背景 | 表單輸入，如text``password``<textarea> |
| value | 表單打包含該控制項值 | 表單按鈕button |
