什么是CSS

层叠样式表(‘’‘CSS’‘’)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。 我们强烈推荐您前往以下页面进行基础学习:

CSS和灰机wiki

在灰机,所有管理员以上级别的用户可以在一定条件下自定义站点CSS。具体方法是将站点需要使用的CSS文件添加到所在站点的Mediawiki:Common.css页面。

在修改CSS的过程中,您需要注意以下问题:

  • 请不要使用CSS修改属于灰机wiki的皮肤区域,包括但不限于头部、页脚、侧边栏、广告等。请确保您的编辑符合用户协议的约定。
  • 请不要过度修改CSS,以免造成读者阅读困难。(比如将背景设为半透明可能会造成阅读障碍。)
  • 修改CSS后,测试时应在url后加上?debug=1来绕过服务器缓存。
  • 修改CSS后,应尽可能在更多的浏览器上测试(其表现可能完全不同),并且需要照顾手机浏览器。

外部库

为了您的方便,下列外部库已经全局加载,可以直接使用。

模块化

MediaWiki:Common.css中的css代码将会全局加载。但是当开发者试图编写一套复杂的css代码时,单页显然是不够的。请参阅帮助:零件学习如何编写高扩展性的前端模块。考虑到复用等情况,编写css模块时,应当避免硬编码(hard code)颜色,尽量调用主题中预设好的色彩。

常用代码

修改背景颜色

body {
  background-color: #F4F0E7;
  color: #000;
}

使用背景图片

.ns-0 {
  background: #333333 url(http://witcher.huiji.wiki/uploads/a/ac/%E7%81%B0%E8%89%B2%E8%83%8C%E6%99%AF-001.png)repeat 50% 0%;
  color:#000;
}

修改字体

body {
    font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
}
avatar