| layout | default |
|---|---|
| title | 全局CSS |
| order | 1 |
| published | true |
| category | PCUI |
Normalize.css
为了增强跨浏览器表现的一致性,我们使用了 Normalize.css重置样式库。
HBUI 需要为页面内容包裹一个 .hb-ui-container 容器。.hb-ui-container 类用于固定宽度。
请注意:由于我们的系统是按需加载模块的,为方便模块调用以及维护,模块自身所用到的css文件也是后加载的,为了防止模块的css文件没加载出来,导致页面的短暂排版错乱,临时出一个方案:在外围容器层上加上一个隐藏样式
.hb-fn-hidden,当初始化模块的时候,再移除.hb-fn-hidden
{% example html %}
...
{% endexample %}
HTML 中的所有标题标签,
{% endexample %} 在标题内还可以包含 .small 类的元素,可以用来标记副标题。 {% example html %} {% endexample %} #### 对齐 通过文本对齐类,可以简单方便的将文字重新对齐。 {% example html %}文字左对齐
文字居中对齐
文字右对齐
文字两端对齐 文字两端对齐
{% endexample %}通过这几个类可以改变文本的大小写(英文)。 {% example html %}
Lowercased text. (全部小写)
Uppercased text. (全部大写)
Capitalized text. (首字母大写)
{% endexample %}