jupe.css

JUst tyPE CSS， 只为中文正文排版而生。

jupe.css 由来

在开发项目的时候，设计师往往忽略掉正文部分不常见元素的设计，例如：设计师可能会为 h2、ul 等元素设计字体和边距，但不一定设计 table 这类不常用但可能会用上元素的外观。

如果手动定义这些不常见元素，每次需要花费额外的精力来编写 CSS 以及调整修改，同时还无法保证元素覆盖率和不同平台浏览器一致的显示效果。

jupe.css 就是处理这件事情，它提供一个类（.jupe）将其放置在需要排版的正文内容的父结构上即可排版。

较低的 CSS 优先级让你可以轻松自定义特定元素的样式，同时所有排版操作仅仅局限在 .jupe 类下面，只会对添加该类的子结构元素起作用，不会影响任何已有样式。这样，即便是一个有大量 CSS 的项目，也无需担忧引入 jupe.css 带来其他样式冲突。

jupe.css 特色

• 所有样式定义均在 .jupe 类下面进行，不引入 CSS Reset 等代码，引入无须处理与框架以及之前代码的冲突。
• 测试主流 CSS Reset 和 CSS 框架，具体测试内容和报告见下面。
• 支持 HTML5 标签的样式修饰。
• 所有尺寸使用 em 相对单位，可以自定义 .jupe 的 font-size 属性使正文内容尺寸间距等比缩放。

使用方法

1，在项目中引入该 CSS 文件，你可以选择使用 <link> 标签、复制到项目 CSS 文件或者引入 jupe.scss 进行编译（推荐）。使用 jupe.scss 你可以更加灵活的配置一些变量实现自定义。

2，在需要排版文字父结构添加 .jupe 。

3，根据设计稿修正特定元素的外观样式。

协议

MIT 使用时保留出处即可。