html和css學習筆記（二）
1表格
1.1table tr td
1.2表格屬性
width border align="center" cellspacing 單元格邊框和單元格邊框之間的距離 cellpadding 單元格內容與單元格邊框之間的距離 *三參為0 border cellspacing cellpadding 一般都為0，預設cellspacing cellpadding有值
1.3表頭標籤：居中顯示，文字加粗
<th>
1.4表格標題：
catption，必須緊隨table標籤之後。
1.5
<thead></thead> 定義表格的頭部，一般包含網頁的logo和導航等頭部資訊 <tbody></tbody> 定義表格的主體
1.6合併單元格
跨行合併：rowspan 跨列合併：colspan
*表格小結：
表格提供了html中定義表格式資料的方法 表格由行和單元格組成 表格沒有列元素，列的個數取決於行的單元格個數
2表單
2.1定義
在html中，一個完整的表單包括：表單控制元件（也稱表單元素），提示資訊，表單域（容納所有的表單控制元件和提示資訊的容器）
2.3input控制元件
radio如果是一組，必須給他們命名相同的名字，這樣就可以多選一了 3 label標籤 ：用於繫結一個表單元素，當點選label標籤時，被繫結的表單元素就會獲得輸入焦點 4文字域 textarea 多行文字輸入框 <textarea cols="每行中的字元數" rows="顯示的行數">文字內容</textarea> textarea的寬和高一般用css控制不用，rows和cols屬性 5下拉選單 <select> <option>選項1</option> <option>選項2</option> <option>...</option> </select> 6表單域 <form>
查文件 w3c mdn：https://developer.mozilla.org/zh-CN
CSS 1css書寫位置 內部樣式表 內嵌式是將CSS程式碼集中寫在HTML文件的head頭部標籤中，並且用style標籤定義，其基本語法格式如下：
```html <head> <style type="text/CSS"> 選擇器 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;} </style> </head> ``` 注：語法中，style標籤一般位於head標籤中title標籤之後，也可以把他放在HTML文件的任何地方。
type="text/CSS" 在html5中可以省略， 寫上也比較符合規範， 所以這個地方可以寫也可以省略。 行內樣式 <head> <style type="text/CSS"> 選擇器 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;} </style> </head> type="text/CSS" 在html5中可以省略， 寫上也比較符合規範， 所以這個地方可以寫也可以省略。 外部樣式表 <head> <link href="CSS檔案的路徑" rel="stylesheet" /> </head> 注意： link 是個單標籤哦!!!
該語法中，link標籤需要放在head頭部標籤中，並且必須指定link標籤的三個屬性，具體如下：
``` href：定義所連結外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑。 type：定義所連結文件的型別，在這裡需要指定為“text/CSS”，表示連結的外部檔案為CSS樣式表。 rel：定義當前文件與被連結文件之間的關係，在這裡需要指定為“stylesheet”，表示被連結
2css選擇器 標籤選擇器 類選擇器 類選擇器使用“.”（英文點號）進行標識，後面緊跟類名，其基本語法格式如下：
``` .類名{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; } ```
``` 標籤呼叫的時候用 class=“類名” 即可。 注：1.長名稱或片語可以使用中橫線來為選擇器命名。 2.不建議使用“_”下劃線來命名CSS選擇器。 多類名選擇器 給標籤指定多個類名，從而達到更多的選擇目的。 例：<div class="pink fontWeight font20">亞瑟</div> id選擇器 id選擇器使用“#”進行標識，後面緊跟id名，其基本語法格式如下：
``` #id名{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; } d選擇器和類選擇器區別
W3C標準規定，在同一個頁面內，不允許有相同名字的id物件出現，但是允許相同名字的class。 萬用字元選擇器 萬用字元選擇器用“*”號表示，他是所有選擇器中作用範圍最廣的，能匹配頁面中所有的元素。其基本語法格式如下： * { 屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; } 3css樣式屬性 字型相關樣式 font-size字號大小 屬性用於設定字號，該屬性的值可以使用相對長度單位，也可以使用絕對長度單位。其中，相對長度單位比較常用，推薦使用畫素單位px，絕對長度單位使用較少。具體如下：