坚持用CSS+DIV实现网页并鼓励身边的人也这样做已经有三年的时间。应该说用CSS+DIV写网页是一种很愉快的事,不用再面对大量的表格代码,可以最大程度地发挥一个程序员的优势。 CSS+DIV的优点,我想已经众所周知,简单地说,就是将网页的表现和内容分离,从设计分工的角度来看,便于分工合作,美工就管切图和制作CSS,程序员则专心代码就可以了。从另外一个角度来说,除了网站以外,现在的应用程序也多以网页形式输出,不管你是网页设计师还是一个程序,掌握CSS总是一件非常重要的事。 CSS初学的误区: 1、 对于CSS初学者来说,出于快速上手的需求,直接拿来别人的CSS来用,这样当然快,可是由于不能完全理解别人CSS的设计意图,难以灵活应用,结果只能实现定式化的网页。虽然一开始难一点,但一定要打造一个你完全能够消化理解并且符合你设计习惯的CSS,这样才有乐趣,一开始总要有很多障碍,一旦掌握则受益极深。 2、忽略CSS的书写格式和注释也是一个常见的问题,有人把CSS的属性都写到了一行,也没有什么注释,我认为这样不妥,因为表面上更容易找属性(属性都显示在一行),但却不容易扩展,看起来也很乱,我认为还是象程序一样书写比较合理,每个属性只占一行,便于添加注释,看上去也会清晰很多。 3、命名是CSS设计时应重点考虑,而却常常被初学者忽略的问题,胡乱的命名会失去CSS的重用特征,也会使自己实现网页时心烦意乱,我觉得要少起名字,多用嵌套关系来重载CSS标签的属性。 我的几点体会: 1、用CSS+DIV做网页一定要设计好附合自己习惯的流程。我的流程是: 1)获取用户需求 2)用word或什么工具,规划好布局,形成网页布局图,应尽可能有真实数据的添充 3) 基于网页布局图,设计psd效果图,拿去给客户或上司确认 4) 根据布局设计CSS,其间完成切图操作 5)用CSS+DIV写网页 6)在主流浏览器下调试网页 2、用几个CSS文件是个伤脑筋的问题,我的答案是每个独立风格的网页用两个。 一个是网站所有网页共享的CSS(basic.css),用于设置网页整体风格,一些基本的类,如文本、图片、列表、表单等,风格应尽可能抽象,以方便在具体的网页下重载,命名一定要规范化,因为这个文件就是你将来做网页的本钱,通过不断丰富、完善这个CSS,使你的CSS设计能力不断提升。 另一个是当前网页风格CSS,专管当前独立风格网页的布局和特色风格 3、class和div的选择 由于div也能定义风格,因此我们常常不知道究竟用div还是class,我的做法是反复用的东西用class,如上面提到的文本、图片、列表、表单风格,设计到具体布局的用div。 CSS设计的最大难题是不同浏览器兼容性不好,这一点常常令我们十分恼火,在某一个浏览器下调试好的网页,在另一个浏览器很可能面目全非,这大大增加了网页实现的成本,甚至身边有些人有回归原始做法的想法。但是网页风格和内容的分离非常有利于对网页内容的采集,这显然是极为重要的问题,因此回归代码象垃圾一样的表格布局时代是根本无法接受的,寻找更好的CSS设计和调试工具,更好的设计方法才是最重要的事。 |