DIV+CSS
刚开始改用DIV+CSS的时候就是跟风,因为仿佛一夜之间标准化的声音就如雷贯耳。CSS是用苏小雨那个经典的2.0语法手册。自从踏上DIV+CSS这条不归路之后,就再也不屑于用TABLE了。
其实这一重大转变也就发生在去年夏天而已。还是要感谢HAIRUN的吕XX,他当时把他第一次用DIV做的一个门户网站代码发给我看。我去他推荐的网页设计师网站上看了下布局的教程,后来发现写写也没什么难的,再后来就熟练了,再再后来就炉火纯青了……[sweat]
上周大部分时间在做门户的页面,对这种结构和样式分离的方式也有了一点点不成熟滴认识上的提高(才发现之前对标准化优势的理解只是纸上谈兵)。一是代码简化让页面大大减少,之前看到别人用TABLE做的主页HTML居然有60多K,内容也不算太多,用DIV大约就十多K。看着内容满满当当的页面只有十多K是很幸福的事情,就像去超市买了一大堆东西别人只收你几个钢蹦儿一样。二是修改太容易了,样式上的修改就不说什么了,即使结构上需要乾坤大挪移,改代码也是件容易的事情。
不过还是有个大疏忽,页面交到做程序的那里后,要添加菜单和链接样式的时候才意识到,有些大多数页面均会用到的统一的样式(比如字体,菜单,链接等)在重复使用,要修改的时候要对每一个页面调用的CSS进行修改,浪费而且麻烦。决定下周改用IMPORT调用样式,将重复使用的CSS独立出来。
另外,习惯性的命名方式、加注释、注意DIV的层级格式都是提高效率的方法,虽然不及“滑动门”技术那样狡猾有趣,但这些好的习惯会使写页面代码的时候思路清晰。