[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
請由左手邊選單點擊您想看的主題,繼續點子選項閱讀即可。
同時也有1部Youtube影片,追蹤數超過8萬的網紅修分靈,也在其Youtube影片中提到,語法網站:https://chatv2.septapus.com/ 兩段語法(請複製貼上更改) /* Channel names. */ yt-live-chat-text-message-renderer #author-name { color: #FF9966 !important; fon...
font-size語法 在 十七的17/17 by Pb-Wu Facebook 的最讚貼文
專頁貼紙的語法,歡迎轉貼喔。
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;" />
font-size語法 在 修分靈 Youtube 的最佳貼文
語法網站: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;
}
font-size語法 在 網頁設計– HTML 文字變化 的相關結果
HTML 的文字大小 ... 要設定文字顯示的大小,可以透過<font> 字體標籤的size 大小屬性來達成。 size 屬性值的範圍是1 ~ 7 ,因為是字體的大小,所以是數字愈大的話,代表顯示 ... ... <看更多>
font-size語法 在 CSS font-size 文字大小 的相關結果
設定文字大小算是CSS 中經常用到的技巧,很少人會完全不設定網頁文字的大小,在CSS 中設定文字大小可以使用font-size 的語法,可以給的値有很多,像是數字+單位、 ... ... <看更多>
font-size語法 在 CSS font-size 文字大小 - Wibibi 網頁設計教學百科 的相關結果
設定文字大小算是CSS 中經常用到的技巧,很少人會完全不設定網頁文字的大小,在CSS 中設定文字大小可以使用font-size 的語法,可以給的値有很多,像是數字+單位、 ... <看更多>