HTML與CSS教學-第十章 對錶格與表單應用CSS樣式

 

第十章 對錶格與表單應用CSS樣式
本章要點
如何利用CSS樣式構建美觀的資料表格
CSS樣式在表單中的應用
目錄：
10.1  利用CSS樣式構建美觀的資料表格
10.2  CSS樣式在表單中的應用

10.1  利用CSS樣式構建美觀的資料表格
1. 表格標記
（1） 有關標記
包括：
<table>，<td>，<caption> ，<thead>，<tbody>，<tfood> ，<col>，<colgroup> 等。
（2）表格中常用的屬性
包括：
邊框寬度、邊框顏色、邊框樣式 、邊框屬性、填充間距 、寬度 、高度 、邊框共用等。

2.對錶格應用樣式
包括可以進行下面的一些設定：
（1）表格和儲存格寬度
（2）文本對齊
（3）邊框
（4）邊距設定
（5）背景設定
（6）標題和表頭的處理
（8）標題擺放
（9）表格行的顏色交替
（10）不完全表格
（11）內部表格
（12）按列進行設定
（13）滑鼠動態效果

10.2  CSS樣式在表單中的應用 
1. 表單標記
包括：
<form >，<input >，<fieldset > ，<legend >，<label >等。
2.表單布局 
包括可以進行下面的一些設定：
（1）格式對齊
（2）標籤和輸入框分兩行顯示
（3）增加排序 

3. 修飾表單
 在給表單布局後，需要對錶單的字型，顏色，邊距等外觀進行設定，使整個表單看起來更友好。
包括可以進行下面的一些設定：
（1）設定<fieldset>
（2）設定標題
（3）設定強調資訊
（4）設定提示資訊
（5）強調輸入框
（6）輸入框和按鈕的特殊效果

4. 複雜的表單布局
對於比較長和複雜的表單，表單上不僅有文本輸入框，還會有單選框、下拉式清單等。這個時候在布局的時候要考慮到各種元素的整體排放了。
包括可以進行下面的一些設定：
（1）表單控制項分組設定樣式
（2）隱藏部分標籤