在dw中html中设置样式,在Dreamweaver中利⽤CSS样式表设
置⽹页
网页设计html代码大全颜层叠样式表 (CSS) 是⼀系列格式设置规则,它们控制 Web 页⾯内容的外观。使⽤ CSS 设置页⾯格式时,内容与表现形式是相互分开的。页⾯内容(HTML 代码)位于⾃⾝的 HTML ⽂件中,⽽定义代码表现形式的 CSS 规则位于另⼀个⽂件(外部样式表)或 HTML ⽂档的另⼀部分(通常为 部分)中。使⽤ CSS 可以⾮常灵活并更好地控制页⾯的外观,从精确的布局定位到特定的字体和样式等。
CSS 使您可以控制许多仅使⽤ HTML ⽆法控制的属性。例如,您可以为所选⽂本指定不同的字体⼤⼩和单位(像素、磅值等)。通过使⽤CSS 从⽽以像素为单位设置字体⼤⼩,还可以确保在多个浏览器中以更⼀致的⽅式处理页⾯布局和外观。
CSS 格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如 P、H1、类名称或 ID)的术语,⽽声明则⽤于定义样式元素。在下⾯的⽰例中,H1 是选择器,介于⼤括号 ({}) 之间的所有内容都是声明:
以下为引⽤的内容:
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;
}
声明由两部分组成:属性(如 font-family)和值(如 Helvetica)。上述⽰例为 H1 标签创建了样式:链接到此样式的所有 H1 标签的⽂本都将是16 像素⼤⼩并使⽤ Helvetica 字体和粗体。
术语"层叠"是指对同⼀个元素或 Web 页⾯应⽤多个样式的能⼒。例如,可以创建⼀个 CSS 规则来应⽤颜⾊,创建另⼀个规则来应⽤边距,然后将两者应⽤于⼀个页⾯中的同⼀⽂本。所定义的样式"层叠"到您的 Web 页⾯上的元素,并最终创建您想要的设计。 Webjx.Com
CSS 的主要优点是容易更新;只要对⼀处 CSS 规则进⾏更新,则使⽤该定义样式的所有⽂档的格式都会⾃动更新为新样式。 Webjx.Com
在 Dreamweaver 中可以定义以下规则类型:
⾃定义 CSS 规则(也称为"类样式")使您可以将样式属性应⽤到任何⽂本范围或⽂本块。所有类样式均以句点 (.) 开头。例如,您可以创建称为 .red 的类样式,设置规则的 color 属性为红⾊,然后将该样式应⽤到⼀部分已定义样式的段落⽂本中。 Webjx.Com
HTML 标签规则重定义特定标签(如 p 或 h1)的格式。创建或更改 h1 标签的 CSS 规则时,所有⽤ h1 标签设置了格式的⽂本都会⽴即更新。
CSS 选择器规则(⾼级样式)重定义特定元素组合的格式,或其它 CSS 允许的选择器形式的格式(例如,每当 h2 标题出现在表格单元格内时,就应⽤选择器 td h2)。⾼级样式还可以重定义包含特定 id 属性的标签的格式(例如,由 #myStyle 定义的样式可以应⽤到所有包含属性/值对 id="myStyle" 的标签)。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论