排版

相關(guān)資源

Material Design 排版設(shè)計(jì)規(guī)范

字體排版

下面是一些基本的排版樣式：

在線運(yùn)行

在上面的樣式類名后添加 -opacity 即可使這些樣式擁有適當(dāng)?shù)牟煌该鞫龋?/p>

在線運(yùn)行

內(nèi)容排版

MDUI 除了使用 Normalize.css 和設(shè)置 body 元素的字體和顏色外，沒(méi)有直接對(duì)其他 HTML 元素的樣式做出修改。

要使元素?fù)碛信虐鎯?yōu)化后的樣式，需要在這些元素的父元素上添加類 .mdui-typo

標(biāo)題

在線運(yùn)行

在標(biāo)題內(nèi)還可以包含 small 標(biāo)簽來(lái)標(biāo)記副標(biāo)題。

在線運(yùn)行

內(nèi)聯(lián)文本樣式

在線運(yùn)行

水平分割線

在線運(yùn)行

引用

在線運(yùn)行

代碼塊

在線運(yùn)行

有序列表

在線運(yùn)行

文章排版示例

為文章內(nèi)容的父容器添加 .mdui-typo 類，就能為整篇文章添加預(yù)定的樣式。

CSS 類名列表