Dreamweaver式样表设计

所谓的层叠式样表就是CSS(Cascading Style Sheets)的中文名字，是由W3C组织制定的一种非常实用的网页元素定义规则。CSS能让网页制作者有效地定制、改善网页。其优点是具有很好的兼容性，Microsoft Internet Explorer3.0和Netscape Communicator4.0以上版本的浏览器都支持或部分支持CSS（级别1），虽然现在W3C组织已经发布了CSS2，但目前浏览器主要还是支持CSS1，所以本章中所有涉及到CSS相应代码的部分全部是CSS1（其实，到现在CSS2是啥样的我自己还没搞懂呢，所以不敢说，不敢胡说。说不定等dreamweaver3出来的时候就应该说CSS2了）。 　　

接着，我想先来说说在HTML文件中定义式样表的发方法。一般来说，将式样表加入网页中共有四中方法，分别是植入式样、连接式样、导入式样很行内式样。植入式样表是式样表规则写入HTML文件中，如果你看到某个HTML（比如索易的首页）文件原代码中有类似于〈STYLE TYPE=text/css〉....〈/STYLE〉的标签就说明此网页植入了式样表规则。一般植入式样表都是写在网页文件的〈head〉〈/head〉标签之间，有〈STYLE〉标签说明开始式样表内容，并由〈/STYLE〉结束定义式样表。植入式样表是我所见的最广泛的使用方法。但用的最多的并不一定是最好的，如果为整个网站定义通用式样的话，强烈建议使用连接式样或导入式样。其实这两中方法并无很大区别，他们都是将独立的式样表文件（写有式样表内容的文本文件）导入网页文件。区别在于采用了导入式样的方法后还可以同其他方法结合使用，但连接式样则不行。这类似于导入独立的javascript文本文件。不仅能够让网页瘦身，而且可使网站中网页调用用户终端机缓存中独立的CSS文件，加快网站浏览速度。最后是行内式样，既在HTML行中直接加入式样表规则，这样作的最大优点就是灵活，但是网页增重而且可能引起冲突。大家一定都听说FrontPage98可以建立CSS，但若不是你亲手写代码的话，一般都使用行内式样，从而导致网页代码乱七八糟的结果。

相比之下，Dreamweaver2在这方面做的出色得多—— 　　先打开Dreamweaver2，新建一个文件。然后，无论鼠标在文件的哪个位置只需单击右键，选择Custom Style(Selection) 〉 Edit Style Sheet就能呼出Edit Style Sheet对话框，在对话框的右方的那排按钮分别是：连接独立的式样表文件(Link)、新建一个HTML元素式样(New)、编辑当前式样表中的元素式样(Edit)、复制当前式样表中选定的式样元素(Duplicate)和删除当前式样表中的式样元素(Remove)。 　　

如果网站中已经存在了独立的通用式样表，可以使用Link命令导入式样表，经导入的式样表可以在当前的HTML文件中进行添加、编辑、删除等工作，但此式样表一经修改，网站中所有的连接此式样表的网页都将产生相应变化。 　　

[1] [2] 下一页