ty.css,简单易用的排版样式集

2014-05-13 23:02:26 +08:00
 yukirock
https://github.com/chadluo/ty.css
http://ty.yukir.net/

基于 Baseline 的排版样式。将常见字号 16px 的一半 8px 作为 Baseline 高度,以此做出来的排版样式集。

只关注垂直间距与字号,不关注字体、颜色、Grid system 以及其它复杂样式,请搭配自己的方案测试使用。

为正文亲元素添加 ty 的 class 即可使用。默认样式为:1.5 倍行高,第二段起缩进以区分段落。添加 ty-wide 的 class 可改为 2 倍行高。添加 ty-p-spacing 的 class 可改为以增加行间距以区分段落。

目前只做了这些简单的功能,还望各位多多指教。

非常感谢。
3841 次点击
所在节点    分享创造
4 条回复
orzfly
2014-05-14 00:27:14 +08:00
看到最后一句话突然泪目……
RockyLee
2014-05-14 09:23:50 +08:00
效果真棒
ivanlw
2014-05-14 10:05:14 +08:00
简单扫了一遍,觉得很棒……请问是楼主自己总结的吗?

顺便推荐Google HTML/CSS Style Guide:
https://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#ID_and_Class_Naming
yukirock
2014-05-14 12:32:43 +08:00
@ivanlw 倒不算是總結,因爲一開始就是要實現 Baseline 的。期間試了很多寫法最後決定用現在這樣的。

Style Guide 以前也看到過,不過自己寫的時候纔懶得看呢= =

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/112426

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX