104-02-03_fonts and forms

Fonts and Forms




font：與字有關的設定。

字型：寫在前面的字型會優先使用，若前面的字型找不到，才會使用後面的字型，都沒有會用伺服器預設。
語法：font-family:字型,字型,字型;
注意：當使用的英文自行中間有空白，要用雙引號框起來。
例如：font-family: "Times New Roman", Times, serif;

字體大小：設定網頁文字的大小，最常使用px，能較好的表現字的大小差異。有px，%，em...等。
語法：font-size:數字px;或font-size:數字%;

字體粗細：預設為normal(正常)，其他還有bold(粗體)、bolder(更粗)、lighter(更細)、number(數字100、200、...、900，400與正常相等，700相等於bold)、initial(使用最初始的設定)、inherit(繼承於父親)。
語法：font-weight:粗細;

字體樣式：預設為normal(標準樣式)，其他還有italic(斜體樣式)、oblique(傾斜樣式)、initial(使用最初始的樣式)、inherit(繼承於父親的樣式)。
語法：font-style:樣式;

line-height是調整同段落之間的行高，預設為normal(最適當的行間距)，其他還有number(數字)、length(設置固定行間距)、%(當前字體大小百分比行間距)、initial(使用最初始的行間距)、inherit(繼承於父親的行間距)。
語法：line-height:間距值;



from：在網頁上，顯示一個讓用戶輸入的表單。其常出現的有label(標籤)、input(多種類的輸入類型)、textarea(文字區塊)。

input type輸入類型：text(文字輸入框)、checkbox(方形的多選框)、radio(圓形單選框)、file(檔案)、password(以小黑點顯示，讓人看不到)、submit(按鈕)。

給label一個名稱，在css好方便作修飾
<label for="名稱">..</label>
<textarea id="(同label for)名稱"></textarea>
表示為同一區


若要特定修飾某類型的input，css可寫成
input[type=類型]{
  ...
}