表格，表單和高階選擇器
表格，表單和高階選擇器
1.掌握表格的使用
1.1表格的基本語法
表格是我們在日常生活用到的非常多的一種資料表現形式。
它的結構清晰，穩定，易於管理，且使用簡單。
例如：工資條，後臺管理系統各種資料表，考試成績單，簡歷模板。
border 邊框
1.2 合併單元格-跨列合併
1.先考慮未進行合併時的行數和列數
2.找到需要合併的單元格 給其新增屬性colspan(column span 跨列) 並賦值為要合併的單元格個數
3.刪除邏輯上已經被合併的單元格
1.3 合併單元格-跨行合併
1.先考慮未進行合併時的行數和列數
2.找到需要合併的單元格 給其新增屬性rowspan(row span 跨列) 並賦值為要合併的單元格個數
3.刪除邏輯上已經被合併的單元格
2.掌握表單的使用
表單是由一系列表單元素，例如輸入框，單選按鈕。複選框，下拉框等組成的用於方便使用者填寫資訊的一種資料填寫方式。
2.1表單基本語法
GET POST [PUT DELETE HEAD…]
2.2 常見的表單元素
type：型別 表示input表單的型別 （預設值為text 表示文字輸入框）
name:目前瞭解 只要你想要將此表單填寫的資料傳輸到後臺 必須要寫此屬性！！！
文字輸入框 type= "text"
密碼輸入 框：type="password"輸入內容將變為實心圓點
單選按鈕：type = "radio"
複選框type = "checxbox"
檔案 域：type = "file"可以顯示出一個檔案選擇按鈕
按鈕：
普通按鈕
提交按鈕
圖片提交按鈕
重置按鈕
時間輸入框time = "date"
數值輸入框type ="number"
列表框
文字域
注意：在使用瀏覽器預覽我們的頁面內容時 小心它自帶的緩衝功能，如果發現正確更改了程式碼，卻並沒有顯示出預期的效果，記得要排除此問題。Ctrl+F5強制重新整理 Ctrl+Fn+F5
2.3 表單的高階應用
增強滑鼠可用性的小標籤
隱藏域：它不會顯示出來，但是如果繫結好name和 value可以作為隱藏的資料傳遞。
禁用
只讀
2.4資料請求
GET 和POST請求的基本區別：
GET請求方式：它在進行資料傳輸的時候 會採用URL地址後？+資料值對（name =value)鍵值對以&分隔
success.html?
username = %E6%9B&pwd=123456&gender=on&city=
POST請求方式：
它會通過請求體來傳輸資料 不會在位址列顯示請求資料 所以相對安全。
POST請求方式：
它會通過請求體來傳輸資料 不會在位址列顯示請求資料 所以相對安全。
3.掌握CSSD 的高階選擇器
**選擇器：**作用：選中要被設定樣式的標籤
基本選擇器：標籤，類，ID
3.1層次選擇器
後代選擇器
E F表示選擇E選擇器下的F選擇器（包含後代）
子選擇器
E>F表示選擇E選擇器下的F選擇器（只會選擇直接子元素）
相鄰兄弟選擇器
E+F表示選擇E選擇器 後緊挨著 的F選擇器內容。
通用兄弟選擇器
E~F表示選擇E選擇器後的所有F選擇器內容。
3.2複合選擇器
並集 選擇器
E,F表示E和F選擇器都被選中
交集選擇器(小心語法)
其他選擇器.類選擇器/ID選擇器
例如：p.div(x)
p.active
3.3屬性選擇器
根據屬性選擇內容。
