tion %> css设计讨论|易点互动
当前位置:首页 > 建站知识

css设计讨论

更新时间:2009.06.22 浏览次数:

老话重谈,网上类似的帖子很多,我也看了不少.方法各异.今天我来谈一下最近做的一个项目以及css设计的规划.
我们的项目是一个很传统  B2C商城. 我分了 7个css [貌似有点过细了],我是根据网站的流程划分的css

global.css    公用样式   格式化、颜色、字体、分隔符、通用单元样式(如h1)、通用表单样式、通用表格样式、菜单样式、弹出窗口样式等

homepage.css  首页样式  首页内容较多,并且与其他页面关联不大,故单独出来

product.css   产品页面样式  二级栏目页 -- 产品详情 -- 搜索 -- 搜索结果 -- 图片展示等,也就是说所有能看到及找到产品的页面的样式

order.css   订单流程样式  购物车 -- 购物流程 -- 支付 -- 交易成功 -- 支付成功等,整个订单流程样式

user.css    用户中心样式
  
substyle.css  附属小页面样式 新闻公告页 帮助中心 关于我们等

link.css  全站链接样式

上诉是我个人的方法,看过一些文章和国外的站点.一般会把css分成3个[首页不算其中]
global.css  公共样式       layout.css  布局样式       module.css  各功能模块样式
想了想,实在不知道究竟有何好处.如果这样分,global.css与layout.css的文件会比module.css小很多.如果是一个比较大的项目,这样做会导致module.css文件很大.而且用户在访问首页的时候就必须把所有的css文件全部加载完,这样难道不是影响了页面响应速度吗?更何况是首页.
说下我那样分的原因.当用户打开页面时,页面所加载的是其对应的css文件,这样也就减少了页面加载css的时间.并且开发人员便于管理这些css文件.

不知道大家有何高招,请不吝赐教! 谢谢!