typo.css- 中文网页重设与排版
HTML/CSS HTML5开发相关
共0Star
详细介绍
中文网页重设与排版:
目标:一致化浏览器排版效果,构建最适合中文阅读的网页排版。包括桌面和移动平台。
Alpha 中,各路牛人都来支持一下,加入开发啊!
预览:typo.css
.
├── README.md --- 使用帮助
├── TODO.md --- TODO-List
├── license.txt --- 许可证
├── typo.css --- 将应用于你的项目
└── typo.html --- Demo/预览
建议看源代码,特别是注释,需要认真看。typo.css
主要包括:
1、一般 reset.css 所需的内容
目前的设计是这样的,尽量保持完整的 reset,比如让 ul/ol 无样式并且无多余的 padding
/margin
,
这是必须的,因为一个网可能需要很多自定义的的内容,在实践中我们并不希望像 ul/ol 有样式,这样我们得用优先级去覆盖,这是非常麻烦的事。所以
typo.css 并不像 normalize.css,后者给每一个元素都预先定义了样式,这样在自定义的时候将是非常痛苦的。要大保持干净的所有元素一致化的
reset 才是最佳实践。
为什么不是 Han 这个项目?
2、class="typo"
阅读内容排版
在文章/文档阅读的页面,需添加 .typo
这个 class,这样 table/ol/ul 等都会有预定的样式,让你的排版像
http://typo.sofish.de 一样,让用户阅读起来更舒服。
3、增加类:
主要是一些需要中文日常排版需要的元素和语文对应样式的增强,目前包括:
(1) 专名号:使用标签 ` 或者
.typo-u(2) 着重号:使用 class
.typo-em(3) 首字下沉:使用 class
.typo-first(4) 清理浮动:与一般 reset.css 保持一致
.clearfix`
Sofish Lin: founder, creator of Alice
CSS, a code writter, a semi-designer.
Hotoo: developer, VIM guru, front-end web
developer @ alipay.com
基于 MIT License 开源,使用代码只需说明来源,或者引用
license.txt 即可。
-
3922 Star
-
369 Star
-
0 Star
-
0 Star
-
0 Star
-
0 Star
-
0 Star
-
77 Star
-
0 Star
-
0 Star