LeeKa框架CSS设计草案（1）

作者: 李嘉日期: 2010-01-08 12:40

字体大小: 小中大

CSS样式一块按照以下进行分类：

(1) typography.css ---> 基本排版规则

(2) grid.css ---> 基于网格的布局

(3) layout.css ---> 通常的布局

(4) form.css ---> 表单样式

(5) general.css ---> 更多的通用规则

在之前Js一块框架实现表格鼠标移动上去可变色的功能，可以取消Js，使用CSS即可实现鼠标移动表格整行变色功能，加入CSS框架中。例如如下CSS Code:

/* -- Lj.Grid.js -- */
.ljgrid {border-collapse:collapse;border:1px solid #333;width:100%}
.ljgrid th {line-height:20px;padding:4px;border:1px solid #333;background:#d0d0d0}
.ljgrid td {color:#000;line-height:18px;padding:2px;border:1px solid #666}
.ljgrid tr:hover td {background:#ffffc0}
.ljgrid tr.focus td {background:#d01717;color:#fff;border:1px solid #fff}