Help:CSS

CSS（層疊樣式表，Cascading Style Sheets）是一種用來描述文檔呈現方式的樣式表語言，描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何被渲染的問題。在實際網頁開發中，可以將CSS存儲為單獨的文件，或者以<style>...</style>的形式嵌入在頁面中，而在本站等基於MediaWiki的軟件中，CSS在全局樣式表、小工具、模板樣式等地方使用，因此本頁只涉及CSS能在站內使用的功能。

CSS的適用範圍

內聯

CSS可以作為元素的屬性，內鏈為特定元素的樣式。這些樣式不會影響其他元素。維基文本支持一些HTML元素，自然也可以使用內聯樣式。這裡舉個簡單的例子，以下的維基文本代碼：

<span style="color: red">紅色</span>、<span style="color: green">綠色</span>的文字以及<span style="background: cyan">青色底紋</span>。

可以得到以下內容：

紅色、綠色的文字以及青色底紋。

上面的這個例子將文字中的三個部分使用<span>...</span>標籤包圍起來，並通過style屬性以應用樣式。引號中的內容就是對應元素擁有的CSS樣式。這是給文本應用樣式的最簡單方法。

CSS頁面

站內有一些以CSS結尾的頁面，如MediaWiki:Common.css、MediaWiki:Gadget-navbox.css。這些頁面存儲了CSS格式的內容。每個CSS頁面都會定義了哪些元素應用什麼規則，不一定指定特定的元素。

例如，如果應用以下的CSS代碼：

.important-text {
    background-color: yellow;
    color: red;
}

那麼，所有帶有important-text類的元素都會顯示為紅色文字加上黃色背景，就像這樣。

本站能使用的CSS頁面主要包括以下幾類：

• MediaWiki:Common.css：會應用於本站的所有頁面（除了Special:用戶登錄等極少數特殊頁面）。注意：如果安裝了MobileFrontend擴展，那麼這些CSS不會在手機版視圖生效，不過滾動的天空Wiki未啟用此擴展）。
• MediaWiki:Vector.css、MediaWiki:Timeless.css等：只會在特定的皮膚（Vector皮膚、Timeless皮膚）的界面生效。目前本站的默認皮膚是Timeless（參見Special:Version）。
• MediaWiki:Gadget-小工具名稱.css：當用戶啟用了某個小工具時生效（小工具可以在Special:參數設置#mw-prefsection-gadgets中啟用，參見Help:小工具）。例如，如果用戶啟用了「段落首行空兩格。討論頁除外。此外，class=hantsect的內容也可以首行空兩格。」這個小工具，那麼MediaWiki:Gadget-hantsect.css就會生效。
• User:我的用戶名/common.css：您的個人CSS，僅對您自己生效。您也可以在Special:參數設置#mw-prefsection-editing中找到它。
• User:我的用戶名/timeless.css等：您的個人CSS，僅對Timeless皮膚生效，以此類推可將Timeless替換為其他皮膚。

需要注意：您的個人CSS僅自己或者管理員可編輯，且公開可見。除此之外，您也可以安裝瀏覽器擴展（如Stylus）以在本地應用自定義的CSS樣式規則。

頁面內的內聯樣式

除了編輯專門的樣式表頁面之外，你也可以通過{{#css:}}來為特定的頁面應用樣式。例如：

{{#css:
.css-test-text {color: magenta}
.css-test-text:hover {color: green}
}}

在頁面內加入這一段代碼之後，就會使得所有擁有css-test-text類的元素，文字顯示為品紅色，如果鼠標懸浮則顯示為綠色，就像<span class="css-test-text">這樣</span>這樣。需要注意的是，如果您在參數設置中開啟了「在不重新加載頁面的情況下顯示預覽」，則此CSS在預覽時不會生效，需要提交編輯後才能看到效果。

模板樣式

主條目：Help:模板樣式

你可以在模板命名空間內創建以.css結尾的子頁面，這個頁面的內容模型將會是「已過濾的CSS」。然後，使用<templatestyles src="頁面名稱（若位於模板命名空間可省略命名空間前綴，若為主命名空間則必須加上半角冒號前綴）" />即可為當前頁面應用這個CSS。

參考資料

• MDN上的CSS教程