A、以Html語法標籤來定義樣式名稱：
<Style Type="Text/Css">
<!--
Html標籤名1{
樣式名稱1:樣式值1 ,樣式值2 ,樣式值3 .....;
/*又稱屬性(property):屬性值(value)*/
樣式名稱2:樣式值1 ,樣式值2 ,樣式值3
.....;
} /*以上是一種寫法*/
Html標籤名2,Html標籤名3,....
{
樣式名稱1:樣式值1 ,樣式值2 ,樣式值3
.....;
樣式名稱2:樣式值1 ,樣式值2 ,樣式值3
.....;
} /*以上是另一種寫法*/
-->
</Style> |
說明：用分號區隔樣式名稱，用逗號區隔樣式值。
Type="Text/Css"：表示在Type屬性中設定此<Style>標籤為CSS規格。
<!--和-->：這是Html語法的註解，可有可無，是防止舊式瀏覽器不能顯示。
/**/：這是CSS的註解標籤。
範例：
說明：
使用Body標籤表示全頁性的，P標籤是指遇到段落標籤都套用P中設定的效果。
B、自定樣式名稱：
<Style Type="Text/Css">
.
自訂標籤名 {
樣式名稱1:樣式值1
,樣式值2 ,樣式值3;......
;
樣式名稱2:樣式值1 ,樣式值2 ,樣式值3;
......;}
</Style> |
範例：
C、自訂標籤樣式的取用方式：
在需要的標籤寫入Class="自訂標籤名"
範例：(以B的範例套用時)
D、直接將CSS樣式表語法寫入標籤內：
Style=" 樣式名稱1:樣式值1
樣式值2 樣式值3;......;"
Style=" 樣式名稱2=樣式值1
樣式值2 樣式值3;.......;" |
說明：用分號區隔樣式名稱，用一空白字元區隔樣式值。
以上這二種寫法都可以，以前用等號，後來改成冒號了，希望大家統一用冒號。
E、屬性值的雙引號
通常屬性值的雙引號是要加的，若設定值是英文字母、數字(0~9)、減號、小數點等組成的話，那麼是可以省略的。 |
