想要更換blog中留言中的「版主回覆」字體的顏色跟樣式
但是又要換CSS語法,好麻煩
我是CSS白癡!!!
同時也有1部Youtube影片,追蹤數超過8萬的網紅修分靈,也在其Youtube影片中提到,語法網站:https://chatv2.septapus.com/ 兩段語法(請複製貼上更改) /* Channel names. */ yt-live-chat-text-message-renderer #author-name { color: #FF9966 !important; fon...
css顏色語法 在 紀老師程式教學網 Facebook 的最佳貼文
[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
請由左手邊選單點擊您想看的主題,繼續點子選項閱讀即可。
css顏色語法 在 紀老師程式教學網 Facebook 的最佳貼文
[WebTech #59] CSS > 3. CSS 語法 > 3-1 選擇器(Selector)
之前的文章,已經討論過「何謂 CSS」、「如何套用一個寫好的 CSS 檔至 HTML 中」等主題,所以這篇我們集中心力,來討論 CSS 最核心的一樣東西:「選擇器(Selector)」。
先定義何謂「選擇器」。其實這個中文翻譯我不是很喜歡,但是所有書籍都這麼稱呼它了,我只好從善如流。CSS 檔內是由一條一條的「規則」所組成的,外觀長得像這樣:
a {
color:red;
}
這告訴 HTML,碰到標示為 ... 之間的文字,就把它的顏色變成「紅色」。而這每條「規則」,就稱為一條「選擇器(Selector)」。也就是說, a { ... } 這條規則,會去自動匹配是否有名為 的 HTML 標籤,如果有,就套用 a { ... } 這條規則內的設定。英文原意是「a { ... } 會主動出擊『選擇』(Select)它想套用的對象 ,故命名為『選擇者』(Selector)」,而中文就翻譯為「選擇器」。其實我個人認為不要翻譯直接用原文,或另外取名(如:匹配規則,「匹配」也有點「Select」的味道在內)比較好。我重「字義」>「字形」,所以以後我都以「匹配規則」,來稱呼「Selector」(不習慣者請見諒喔)。
由於 CSS 的主體就是由這一大堆的 Selector 構成,所以想學 CSS,非得學會構成 Selector 的語法不可!剛剛示範的,是最簡單的一種匹配規則。其實 CSS 有相當複雜的「匹配規則文法」。下面這篇文章挑出常用的 30 種,建議想學 CSS 的朋友,一定得先學會這 30 種匹配規則的文法,將來撰寫 CSS 檔時,才能得心應手。
原文連結如下:
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/
css顏色語法 在 修分靈 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;
}
css顏色語法 在 CSS 版面設計 的推薦與評價
如果我們將上述表格的th 部分,都加上 style="background-color:black; color:white;" 這樣的CSS 語法,那麼我們就會得到一個黑底白字的表格。 ... <看更多>
css顏色語法 在 河道語法整理.css - GitHub 的推薦與評價
color: #FFF; /*顏色*/. font-size: 4em; /*大小*/. text-shadow: 1px 1px 5px rgba(0,0,0,0.5); /*陰影-X軸Y軸暈染顏色*/. opacity: 0.33; /*透明度*/. top: 370px;. ... <看更多>