全局样式 · Bootstrap Metro UI CSS 中文版

必须使用HTML5 doctype

Metro UI CSS使用了某些HTML元素和CSS属性,它们需要使用HTML5 doctype。将HTML5 doctype应用在你所有的项目中。

    <!DOCTYPE html>
    <html lang="en">
      ...
    </html>

在Metro UI CSS使用的是Nicolas Gallaher写的normalize.css。

设置背景元素时添加前缀bg,设置文本颜色时添加前缀 fg

    <div class="bg-color-red">...</div>
    <span class="fg-color-blue">...</span>

设置边框颜色时添加前缀 border

    <div class="border-color-red">...</div>

为组件(比如tile, 列表项,等等.)添加轮廓outline时使用前缀 outline

    <div class="tile outline-color-red">...</div>

在Metro UI CSS 中，我使用Segoe UI、Open Sans字体(取决于系统是否支持).