web前端第二天學習日記
今天瞭解了HTML一些常用標籤和CSS使用方法和選擇器。
表格標記：顯示較工整的資料時建議使用
實現一個表格需要：
表格標記：table
行標記：tr
單元格標記：td額外可用標記：thead ，tbody用於設定能快速搜尋的表格
如果需要顯示錶格的邊框，就使用border屬性設定，值為固定數值：border=”1”(實際開發中不建議這樣使用，一般都是使用樣式設定)
表格預設的大小是跟隨內容變化的，如果需要定義寬和高，通過width和height設定
在表格中使用align可以設定表格的水平對齊方式，如果align使用在tr或td中表示某行或某列中的內容的水平對齊方式
在單元格中使用rowspan實現垂直和clospan實現水平合併
合併單元格：
在用於合併的單元格中使用屬性，屬性的值為合併後單元格所佔單元格個數，如rowspan=”2”
將被合併(擠出去)單元格刪除
補充：通過cellpadding設定表格內容的填充（補白，內間距），通過cellspacing設定單元格之間的間距
表單標記：用於顯示接收使用者輸入或選擇的控制元件，完成資料的收集和傳送
標記名：form
必須存在屬性：
method：預設值為get，可選值有post和get，如果明確提交資料方式為get，該屬性可以不寫
（Post和get的區別：
Post：提交資料在位址列不可見，資料提交發送慢
Get：提交資料在位址列可見，傳送提交速度快）
action：用於指定表單資料的傳送地址
表單的資料收集通過其包含的控制元件標記來實現：
輸入控制元件：input
必寫屬性：type，用於設定控制元件型別
常用值：
- text：預設值，表示文字框
- password：密碼框
- radio：單選按鈕框，如果想要多個單選成為一組的單選，必須保證該組單選按鈕的name屬性值一致
- checkbox：複選框
- button：普通按鈕，該按鈕沒有任何效果，效果的實現必須通過javaScript語言開發，按鈕中通過設定其value屬性來定義按鈕顯示的文字
- submit：提交按鈕，該按鈕具有提交資料的功能，通過設定其value屬性來定義按鈕顯示的文字
常用屬性：name，用於設定控制名稱（在進行web開發時非常重要）
下拉列表控制元件：select
必須結合option（下拉列表項）標記實現
<select><option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
</select>年
文字域控制元件：textarea
<textarea rows="10" cols="20">
使用者協議
</textarea>
屬性rows設定行數，clos設定列數
（實際開發中：一般藉助表格對錶單控制元件進行佈局，顯示會較工整，每個控制元件都應該具有一個有意義的name屬性值）
在網頁中使用註釋（給人看）：
<!—註釋文字-->
網頁中#表示當前
計算機中載入程式碼的順序：從上往下，從左往右逐行執行
CSS：層疊樣式表：
使用方式有3種：行內樣式：
在需要使用樣式的標記中，通過style屬性定義樣式
語法：<標記名 style=”樣式屬性1：屬性值; 樣式屬性2：屬性值;….”>被修飾的內容</標記名>
內部樣式表：
在head標記中定義style標記，在style標記中定義各種樣式選擇器
<style>
樣式選擇器1
樣式選擇器2
…..
</style>
外部樣式表：在樣式重複使用上效率更高（在實際開發中使用最多）
1.建立一個以.css為檔案字尾名的樣式表文件，在檔案中編寫各種選擇器2.在需要引用樣式的網頁的head標記中通過link標記將樣式表文件載入
完整語法：
<link href="樣式表地址" rel="stylesheet" type="text/css">
網頁中常用選擇器：
標籤選擇器:選擇器名就是標籤名，
使用特點：網頁中所有屬於指定選擇器名的標籤都會具有該選擇器的樣式
語法：
選擇器名{
樣式屬性1：值;
樣式屬性2：值;
…….
}
ID選擇器：選擇器名以#後跟自定義的名稱
使用特點：在需要使用該選擇器的標記中通過屬性id=”選擇器名”，來使用樣式
語法：
#選擇器名{
樣式屬性1：值;
樣式屬性2：值;
…….
}
類選擇器：選擇器名以.後跟自定義的名稱使用特點：在需要使用該選擇器的標記中通過屬性class=”選擇器名”，來使用樣式
語法：
.選擇器名{
樣式屬性1：值;
樣式屬性2：值;
…….
}
Id選擇器和類選擇器的區別：
在網頁中每一個ID選擇器只能作用於一個標籤，而類選擇器可以作用於多個標籤，這只是開發準則。
多種樣式使用遵循就近原則。