CSS版面配置
研究
上方的目錄原檔
CSS background-image 基本語法
background-image: url('圖片網址');
url 小括號內有三種可以使用的參數,分別為 none(預設值,不顯示圖片)、inherit(繼承自父層)以及圖片網址。
MediaWiki 的 CSS 布署
主要的基本樣式在 /skins/monobook/main.css 當中,如
a.external {
……
}
規範了一系列「外部連結」的表現方式。
而不同的布景會再補充,如 /skins/vector/components/externalLinks.less 中:
@import "mediawiki.mixins.less";
// External links
#content {
.external {
background-position: center right;
background-repeat: no-repeat;
.background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png');
padding-right: 13px;
}
}
而 /skins/common/ 之下的 shared.css 和 commonPrint.css 也都會在不同應用脈絡下對外部連結再作補充,而且還下了 !important (優先適用) 的指示。