CSS版面配置

出自六年制學程
於 2019年1月29日 (二) 22:29 由 丁志仁留言 | 貢獻 所做的修訂 →‎MediaWiki 的 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;
	}
}