使用 CSS 样式标进行文本格式化

所谓样式就是用来控制一个文档中的某一文本区域的一组格式属性。CSS 样式表则可以用来一次对若干个文档所有的样式进行控制。同 HTML 样式相比,使用 CSS 样式表的好处除了在于它可以同时链接多个文档之外,当 CSS 样式有所更新或被修改之后,所有应用了该样式表的文档都会自动更新的。

CSS 样式是通过其名字或者 HTML 标签来识别的,它允许你在改变样式属性后即时看到这种改变对文本所产生的影响。在 HTML 文档中我们可以用 CSS 样式控制大多数传统文本格式属性,如字体,字体大小,字体排列等。我们还可以用 CSS 样式来指定一些独特的 HTML 属性,如定位,特效,鼠标 rollovers 等效果。

CSS 样式表示放在文档的 HEAD 标签之内的,对一系列样式进行定义。通过 CSS 样式可以对 HTML 标签的格式属性进行定义,也可以通过一个 CLASS 属性标志对文本区域进行定义,还可以对满足同 CSS 规范一致的标准的文本进行定义。Dreamweaver 可以识别出文档中定义的所有样式,只要它们同 CSS 规范一致。

样式表适用于 4.0 以上版本的浏览器。Internet Explorer 3.0 可以识别部分样式属性,但多数早期版本的浏览器对此都予以忽略。

Dreamweaver 中有三种样式类型可以应用:

Custom CSS (普通 CSS):与文本处理程序中应用的样式类似,不同之处在于字符和段落样式没有区别。你可以将定制的样式应用于任何的文本块或者文本区域。如果文本块应用了样式(如整个段落或者无序列表),一个 CLASS 属性就会添加到文本块标签上(例如,P CLASS="myStyle"UL CLASS="myStyle")。如果文本区域应用了 CSS 样式,那么包含 CLASS 属性的 SPAN 标签就会围住被选取文本。参阅 应用自定义层叠样式表 (CSS)
HTML 标签样式:它可以对某一具体标签进行重新定义, 如 H1。当你创建或修改 H1 标签的 CSS 样式时,所有 H1 标签进行格式化的文本都将被更新。
CSS selector (CSS 拣选样式):会对某一具体的组合标签(例如,TD H2 表示只要在表格单元中出现 H2 标题就应用该样式)或者对包含有特定 ID 属性的标签应用样式(例如,#myStyle 表示所有属性值中有 ID="myStyle" 的标签都应用该样式)。

文本格式化其中一个原则是,手工给区域文本应用的文本格式优先于 CSS (or HTML) 样式定义。要想使用 CSS 样式来控制段落的格式,就要把所有手工设置的格式都删除掉。

尽管你能够不受限制地在 Dreamweaver 中设置 CSS1 规范所定义的所有的样式属性,但这并不表示所有的属性都会出现在文档窗中。那些在 Style Definition 对话框中以星号 (*) 标注的样式属性是不会在文档窗中出现的。另外还需要应该注意的是,部分 CSS 样式在 Microsoft Internet Explorer 4.0 和 Netscape Navigator 4.0 中表现是不同的,甚至还有一些属性目前所有的浏览器都不支持。


 
CSS 样式属性

Cascading Style Sheets (CSS1,即层叠样式表)规范是由万维网联盟负责管理的 (World Wide Web Consortium)。层叠样式表规范是对那些控制网页部件外观的 CSS 样式属性(如字体,颜色,边距,字间距等)进行定义的。你可以使用 Dreamweaver 来对所有的 CSS1 属性进行设置。

在 Internet Explorer 4.0 中,你可以通过一种脚本语言如 JavaScript 或 VBScript 在网页载入后改变网页的定位和网页部件的 CSS 样式属性。而在 Netscape Navigator 4.0 中,网页载入后你就不可以再对 CSS 样式属性进行改变了,但你仍然可以对定位属性进行改变。