[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性（Properties）

匹配規則（Selector）是骨，屬性（Properties）是肉！

剛剛提過 CSS 就是由大量的「匹配規則」（Selector，或譯「選擇器」）組成的。每個匹配規則大致都長成這樣：

匹配規則 {
屬性1：屬性值1;
屬性2：屬性值2;
...
}

範例如下：

a {
color: red;
font-size: large;
}

這會匹配 ... 之間的文字，然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了，那麼接下來就是該學 { ... } 之間的屬性了！如果屬性全會，那麼你的 CSS 就學完、沒啦！ :-)

我個人會把這些屬性分為下列這幾類：

(1) 文字（Text）：字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框（Box）與表格（Table）
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫

我先給大家看篇屬性的簡介，下午再提供每種屬性的細部講解給大家喔！

http://reference.sitepoint.com/css/propertyref

請由左手邊選單點擊您想看的主題，繼續點子選項閱讀即可。

專頁貼紙的語法，歡迎轉貼喔。

https://www.facebook.com/GetterPB" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Getter Pb-Wu">Getter Pb-Wu
https://www.facebook.com/GetterPB" target="_TOP" title="Getter Pb-Wu">https://badge.facebook.com/…/111265968986300.451.1125183571…" style="border: 0px;" />

語法網站：https://chatv2.septapus.com/
兩段語法(請複製貼上更改)

/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}

/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}