Ceil
Articles408
Tags211
Categories0
Tui css framework is available.

Tui css framework is available.

为了偷懒加快工作效率,早在半年前我就决定写一个CSS框架,到今天….它终于可以用了! 恰好公司正在折腾web栅格布局 ,所以也顺便一起整了。 说起CSS框架常见的有倡导栅格布局的 960grid 以及taobao的grid css(不知正名为何),还有特立独行的YUI(YUI中用em定宽以及负margin的使用方法十分令偶向往)。 于是综合了各框架的一些设计理念及实际情况,在YUI基础上修改开发了自用css框架tui…. 主要是重写了YUI中的一些宽度数值,去掉一些不常用的css,添加一些ooxx。 目前TUI的功能有

  • 支持页面宽度:自适应、950px、974px、1190px
  • 左右侧边栏宽度:150px、190px、230px、270px、310px
  • 百分比布局:与YUI3.0相同(修改中)
  • 简单的css-reset

YUI中font-size是设置成13px的,印象中中文宋体在12px、14px中的显示效果会比较好。所以像素级测试了一下。 发现宋体在12px、13px的时候其实都是一样大的。唯一的区别是的13px的字宽比12px大1px,说白了就是字与字间多1px的间隔。并且相比13px,我觉得12px太挤了,看起来有点视觉疲劳。 于是Tui中沿用YUI的13px设定。(只在vista、win7中测试,不知未开启clearType的机子会咋样) 同学们到这里可以查看简单的Demo <-[2010/6/16失效]

Author:Ceil
Link:http://ceilwoo.com/2009/06/16/tui-css-framework-is-available/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可