raynix 筆記

记得我当初学习制作网页时，刚刚学会了用table，相当的有成就感，貌似已经没有我做不出来的页面布局了。后来，饭碗被fireworks这类页面“切割”软件给抢了，fireworks切一张设计图，也就几分钟的事。于是之后再说做网页，无非是用fireworks切方块了。 最近这几年，由于工作的原因，我的时间基本上都放在linux、mysql和ruby on rails上了，用进废退，“Web design”技能我差不多都还给教材了。这几天晚上没事给这小博改版，才发现世道已经变了，HTML被XHTML取代，CSS被CSS2取代，更要命的是布景模版里一个table都没有，全是div了。难怪老人家说逆水行舟，不进则退。这回我退的可以了，赶紧恶补吧。不过习惯的力量真是强大的，一边是熟悉但乏味的旧方法，一边是陌生但精彩的新方法，脑子里却总是不自觉的用旧方法思考起来……慢慢来吧。 Div也是方块，但是div的方块比起table的方块来，的确灵活多了（table指老式HTML+CSS页面布局，div指XHTML+CSS2布局，不过HTML+CSS应该也可以用div布局）： table是顺序的，下一个td永远在上一个td的右面，而且水平一致；而下一个div可以在上一个div的任何方向上。 table是平面的，一个table不可能遮住另一个table；而div虽然不是3D的，但是是有层次的，一个div可以部分或全部遮住另一个div。 table定位永远是从上堆到下，从左堆到右；而div定位可以也是这样的常规顺序定位，也可以是相对定位（{posion: relative; float:right; top: +10px}这样一个定义就是说此div相对当前行居右对齐，并且顶部比当前行的顶部低10象素。页眉上的抓虾按钮就是采用类似方式定位的），还可以是绝对定位（{posion: absolute; left:…; top: …;}以left,top的座标形式定位当前div），更可以是固定定位（{position:fixed;….}定位在屏幕上某点）。 另外XHTML相对HTML变化也很大，虽然我们习惯了一些不规范的写法，而浏览器也牵就我们，能把一些不规范的页面正常的显示出来，但是规范毕竟是大趋势。经过我的一番努力，本站已经通过了W3C的XHTML1.0 CSS2.0规范检查，链接在页脚上。你也可以用此工具检查一下你的网页是否已经XHTML了。