Dreamweaver中的HTML样式

为了统一WWW（万维网）上各网站和网页中的样式，方便各种浏览器解释样式，万维网标准委员会W3C（World Wide Web consortium）制定了层叠样式表（Cascading Style Sheet，简称CSS）的标准。目前，有CSS1.0和CSS2.0两种版本。 
　　W3C公布的样式表可分为外部样式表、嵌入式样式表和内联样式表三种。
　　外部样式表：以CSS为扩展名的文件（又称为"超文本样式表"文件），其中，不仅可包含各种标准的HTML样式的设置，而且可包含自定义的类选择器（Class selector）样式和ID选择器（ID selector）样式。它的作用范围可以是多经网页，或整个网站，甚至不同的网站。
　　嵌入式样式表：包含在网页内部的样式设置，它的作用范围仅限于该网页。
　　内联式样式表：仅应用于某一部分网页元素的样式，它的作用范围仅限于应用它的网页元素。在HTML文档中，内联式样式表的格式化信息直接插入所应用的网页元素的HTML标签中，作为其HTML标签的属性参数。
　　严格地说，内联样式表称不上表，仅仅是一条HTML标记。
　　三种样式表中，内联的层次最高，外部的层次最低。当同一（部分）网页元素上，同时应用二种或三种样式，且样式之间（部分）有冲突时，高层次的样式覆盖低层次的样式。如在一段文本上，同时应用了内联、外部样式，其中，字体分别设置为楷体、宋体，本最终这段文将显示为楷体。
1　Dreamweaver中的HTML样式（Top）
　　Dreamweaver为了编辑方便引入了另一样式。即，HTML样式
　　HTML样式，可以理解为介于嵌入式样式和内嵌式样式之间的样式。
　　在网站中创建的HTML样式后，保存在Library目录中的styles.xml文件中。整个网站的网页均使用。相当于嵌入式样式。
　　HTML样式的新建、应用、删除等操作，在“HTML样式”浮动面板进行。
2　新建HTML样式（Top）
　　单击“HTML样式”面板右下角的“新建样式”按钮，打开“定义HTML样式”对话框。
　　“名称”框，输入HTML样式名。
　　“应用到”单选框，选择样式的应用方法。即，今后应用该HTML样式的操作方法，“段落”类似Word中应用样式的操作方法；“选定范围”需要先选定应用的对象（如文字）。
　　“当应用时”单选框，选择应用该HTML样式时，“添加到现有样式”添加到原有样式上；“清除现有样式”应用该HTML样式时，清除原在样式。
　　由于原有样式，可能不易搞清，因此，一般应选择“清除现有样式”。
　　“文字属性”，设置字体、字号、颜色、字型等属性。
　　“段落属性”，选择新建HTML的基础。相当于Word中新建样式都是在原有样式的基础上修改（另存）而成的。不同的是：这里可以选择“无”，即，新建全新的HTML样式。
　　“对齐方式”，选择段落的对齐方式。
3　应用HTML（Top）
　　将光标移入需应用HTML的段落中，单击“HTML样式”面板上，所需的HTML样式名即可。
　　注意：新建HTML时，“应用到”的选择。
4　清除HTML样式（Top）
　　清除应用样式的方法：将光标移入段落中，单击“HTML样式”面板上，“清除段落样式”即可。
5　在面板中处理样式（Top）
　　利用“HTML样式”面板菜单命令（单击右上角三角形按钮），可以对HTML进行编辑、复制、删除、套用和新建。