最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。  

先来看一下一个我比较认同的概念：  

框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。  

基于继承的框架被称为白盒框架。所谓白盒即具备可视性，被继承的父类的内部实现细节对子类而言都是可知的。利用白盒框架的应用开发者通过衍生子类或重写父类的成员方法来开发系统。子类的实现很大程度上依赖于父类的实现，这种依赖性限制了重用的灵活性和完全性。但解决这种局限性的方法可以是只继承抽象父类，因为抽象类基本上不提供具体的实现。白盒框架是一个程序骨架，而用户衍生出的子类是这个骨架上的附属品。  

基于对象构件组装的框架就是黑盒框架。应用开发者通过整理、组装对象来获得系统的实现。用户只须了解构件的外部接口，无须了解内部的具体实现。另外，组装比继承更为灵活，它能动态地改变，继承只是一个静态编译时的概念。

在理想情况下，任何所需的功能都可通过组装已有的构件得到，事实上可获得的构件远远不能满足需求，有时通过继承获得新的构件比利用已有构件组装新构件更容易，因此白盒和黑盒将同时应用于系统的开发中。不过白盒框架趋向于向黑盒框架发展，黑盒框架也是系统开发希望达到的理想目标。

再回头看一下现在网上那样多CSS框架（YUI是叫“YUI Library CSS Tools” 并非是“YUI CSS Frameworks”），有多少是真正以框架的概念在写，有多少只是定义样式基类的。当然，每个人对框架的理解不一定，你可能不认同我的说法。  

再谈一下CSS 框架，并不非我不认可这个东西的存在，我从一两年前也就一直在尝试这样的东西。对于大型网站，前端的开发需要一个解决方案。框架自然是首选的。可惜距离我太远了，我太弱了T_T，我只要要求两点：  

• 管理下面的内容的东西
• 类/组件

很明显，第一点，CSS做不到，第二点，相对其它语言很弱的说。  

大约在一年前做一个中型网站时，我为了偷懒，我想到内容模块化，让程序员拼页面。大约方向也就是封装了一个又一个的功能块，程序员在要用到哪一块内容时就只要使用相应的HTML与CSS，大家都方便，我不要拼页面，他不用重复套代码，大家好才是真的好。  

在同一个网站，差不多的内容块，多次使用是很正常的事，这也是就让模块化成为可能，比如一个图片列表，可能是用户头像列表，或者群组的图标列表，这时你会怎样写呢？相同的用这样吗？

.photoListUesr,.photoListGroup{ /*_*/ }  

这样不是说不行，但如果突然说要再加一个相似的呢？这时可能就要调整样式。而我呢？尝试过这样的使用方式：  

<div class="photoList UesrCt" />
<div class="photoList GroupCt" />  

这样的话，我们一开始就分离出共同表现的东西，把.photoList当成原型，通处额外的class再去处理细节。前些天，我写了面向对象的XHTML与CSS编程 ，其实只写了一半，另一半是详细的例子，不过介于要做太多的例子跟核心已经写出来就没写完，^^ 当然，这样也存在一定的问题，就是最初的原型的定义要很慎重，要尽量做到以后就算是改版也可能不用修改。CSS这东西，基本上一个框架最多只能适合一个站，当然，如果这个站足够大的话，这样使用才是有意义滴。  

HTML与CSS越是模块化，文件越分散这个问题就越严重。HTML倒是好办，反正是应用程序最终要合并输出一份，但CSS一般会给抛弃直接使用。如果在刚才的例子中，在网页导入CSS的方式是这样的话：  

@import url(/xxx/photoList.css);
@import url(/xxx/UserCt.css);
@import url(/xxx/GroupCt.css);

那甚至可以考虑用程序来拼页面，但是使用方便，请求数也成正比，一般情况大家都会选择手动合并文件。虽然人脑比电脑更智能，但很多时候，人脑的计算能力是比不上电脑滴。我曾经有这样的想法，就是使用服务端程序来处理CSS的发布机制，大约方向就是通过网站访问日志来分析出整个站各种页面的使用量，通过程序来计算哪些公共使用的要合并，合并的顺序（CSS的文件顺序会影响到优先权），等等各种计算并压缩输出。  

可惜的是，这样一套复杂的程序可能只适合一个站，或者同系列的站群。虽然说做起来有点折腾，但我相信门户级别网站使用这样的方式是有必要滴，当然前提还要整个团队都要使用相同的设计模式。  

PS:以上CSS发布程序，只是我的幻想，还没尝试过，有兴趣的朋友可以尝试一下，如有意外，概不负责。

当然，就以上这些还是不能称得上CSS Frameworks，或许只能叫成一个系统级解决方案，毕竟，CSS只是描述性语言。  

前晚跟月影一起吃烤鸭时，有聊到这个，他问我有没有前端一体化的解决方案。JS组件化时也会面临同样的问题，差不多的发布机制应该也可以适用JS。不过完全的一体化解决方案我还没想好，也许月影多请我吃几次烤鸭我就能想好。  

前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航，就尝试做了一下。结果碰到了几个问题，后来在同事的提醒下总算完成了，记录一下也跟大家分享分享。  

先看图（图片只是大致做了一下）  

效果展示：  

运行代码框

　　随着网络经济的飞速发展，2007年的网上开店也迎来了一个高潮，拍拍搞网店了，淘宝越来越火，更多的中小型企业也投入到了网上开店的大潮中，这表示，网上购物已经越来越受到消费者的认可，08年的网店也会越开越火。  

　　但是很多朋友都在开设网店之前都会有点心虚，因为经营网上商店，尤其是独立网店，总有一些甩不掉的包袱。我们来细数一下这些以往令人望而却步的包袱。  

　　包袱之一：网站是一个技术性的东西  

　　一说到建站，恐怕绝大多数的人都望而却步，因为很多人都不懂网站技术，更别人说那些做生意的商人了。源码、模板、CSS、数据库，一堆的专业名词都使网站的建设变成一件设计公司或者网络运营公司的专利。  

　　包袱之二：网络交易的安全性  

　　依附于交易平台之下，用户可以对交易的安全性漠不关心，只要做好自己的份内事就ok，其他的琐事，可以全部都交给交易平台去做。对于支付时，你我的安全性，也就不是那么重要的事——至少在支付宝、财付通等支付标准出现之后，已经不是一个问题了。但你如果自己开发独立网店程序的话，这将是一个极其头疼的问题，你的技术如何嵌入这些支付标准并能使它运转正常，这是一件很有挑战的事。而如果你没有完整的支付，你的网店网站将沦为一个产品展示网站。  

　　包袱之三：后续支持无保障  

　　独立开发网站的话，在运营之后，技术问题排除和技术升级将会停滞。或许你的实力还不够招募一个团队，那么后续的技术维护与开发都会成为一个大问题。尤其在网站技术日新月异的今天，网店这种高交互性的网站，技术的更新比开发更为重要。  

　　借用第三方技术完成一站式网店建设  

　　在这些包袱的背后，我们需要一个更成熟的方案让那些渴望对网上商务业务提升的店主们借鉴。笔者在这里向大家提出一个开设网店的新思路，也许大家并不陌生，就是成熟的第三方技术服务，甩掉了制约网店发展的最大包袱，从而可以更加专注于自身业务。在笔者在决定开设独立网店之后，许多朋友都跟我推荐ShopEx。ShopEx不仅提供成熟的第三方系统，还有一个特色服务叫作“绿色保障计划”。听着是不错，于是先去ShopEx的体验中心----“我的网店”(http://www.wdwd.com)亲自体验了一把，感觉这套系统功能全面，使用起来也很顺手。

　　在开通了绿色保障服务之后，我真正感觉这个服务真正让我们这些技术菜鸟获得了前所未有的安全感。从系统安全保障、运营支持保障、业务推进保障到售后服务保障等多方面为我们店主考虑到，值得一提的是，ShopEx的虚拟空间内已经预装好了网店系统，而虚拟空间的服务器设置也是量身为网店系统打造的，高效安全，省去了笔者配置系统的烦恼，对于许多连服务器是什么都不知道的店主来说，这更是一个福音。  

　　ShopEx功能很好很强大，不过功能强大的系统在使用和调试上，一开始都让我有些无所适从，但是在线客服、视频教程、支持论坛、以及每周的面对面活动等都能及时帮我解决在网店调试上所碰到的问题。  

　　从此再也不用为主机空间、网店程序和技术问题而烦恼了，彻底甩开了这个大包袱。

　　后来发现的新功能还不断的带给我惊喜，40多套模板让我的网店独具风格，更加吸引眼球;网店助理可以在本地运行，无需打开网页就能管理网店;网店客服通可以直接和访问网店的客户联系，给我增加了主动出击的机会。  

　　每日本地备份、每周异地备份数据的功能，连让我崩溃的数据丢失问题也给解决了，有了这样的服务，从此网店数据可以高枕无忧啦!  

　　总之，越来越多的新功能让我体会到了使用第三方技术服务的好处，让我有了更多的时间来推广和经营网店，更加专注于自身服务，生意也自然好了起来。  

　　找货源、搭网店、卖东西，开个网店似乎就这么简单，但是为什么不能让我们更加专注一点呢?抛开网站程序的包袱，使用安全可靠的第三方技术服务，从而专心做好货源和销售工作，致力于自身的服务不是更好吗!想开个成功的网店还需要有很多很多的路要走，希望08年大家一起努力，开创自己的网上创业之路。  

随着网络时代的飞速发展，现在的购物方式也慢慢地趋向于网络化。如何让自己的网店在众多的网店中脱颖而出呢？这时选择一款漂亮的页面是至关重要的。下面我们就详细的介绍一下适合女性网店的模版、样式。见下图：  

图1

（此图片来自httpwww.meilibar.com）  

看到如此漂亮的模板，大家一定很急切的想知道怎样可以加载自己心仪的模版。下面就以ECShop为例介绍一下网店模版的选择和安装。  

1、 首先下载你需要的风格模板，解压后，将风格模板上传到网店的根目录下的themes文件夹，如图 2 所示：  

图2

2、 将图2 中pinkgirl风格目录通过ftp上传到网店的根目录下的themes文件夹, 如图 3 所示.

图 3

3、 然后，来到网店后台，找到模板选择，如图 4 所示：  

图 4  

4、 进入之后可以看到我们刚才上传的pinkgril风格，点击缩略图进行选择，然后点击确定，如图 5 所示：  

图 5  

5、 确定后就会提示你选择成功，如图 6 所示：  

  图 6

6、 现在新风格已经启用了，如果想备份当前模板，可以点击备份当前模板，程序将会自动打包然后弹出下载框供下载备份，如图 7 所示：

图 7  

至此模版的选择使用就完成了。在后台清除缓存后，再到商城首页刷新模版，就可以见到如图 1 所示的样式了。