
了解CSS
级联样式表(CSS)是一系列格式设置规则,控制网页
本文介绍了如何设置文本格式使用级联样式表(CSS)在一个页面中Dreamweaver。你可以使用CSS来设置文本的格式和方式,HTML不能提供文本的定位,这样你可以更灵活地控制页面的外观。
了解CSS
级联样式表(CSS)是一系列的规则控制的网页内容外观格式。当使用CSS设置页面格式、内容和页面形式彼此分离。网页内容(HTML代码)位于自身的HTML文件中,而定义代码形式的CSS规则位于另一部分(通常部分)另一个文件(外部样式表)或HTML文档,使用CSS可以控制网页外观非常灵活和更精确的布局,从一个特定的字体和样式。
CSS允许你控制一些,只是不受控制的HTML属性。例如,您可以指定不同的字体大小和单位(像素、磅值等)所选文本。通过使用CSS设置像素字体大小,还可以确保布局和页面外观处理在一个更一致的方式在多个浏览器。
CSS格式化规则由两部分组成:选择器和声明。选择器是一个术语,用于标识已设置的格式化元素(如p、H1、类名或id),而声明用于定义样式元素。在下面的示例中,H1是选择器,括号({ })都在语句内容之间:
下面是引用的片段:
h1 {
字体大小:16pixels;
字体:黑体;
字体粗细:粗体;
}
声明由两部分组成:属性(如字体)和价值观(如Helvetica)。上面的例子创建一个h1标签风格:所有H1标签与这种风格将是16像素大小并使用Helvetica字体和粗体。
术语堆栈是指将多个样式应用于同一元素或Web页面的能力。例如,您可以创建一个CSS规则来应用颜色,创建另一条规则来应用边距,并将其应用于页面中的同一文本。
CSS的主要优点是易于更新;只要更新了CSS规则,所有使用定义样式的文档的格式都会自动更新为新样式。
下面的规则类型可以在Dreamweaver中定义:
自定义CSS规则,也称为类样式,所有样式都以一个周期开始。例如,您可以创建一个名为红色的类样式,将规则的颜色属性设置为红色,然后将该样式应用于已定义的段落文本的一部分。
HTML标签规则重新定义特定标签的格式(如P或H1)。当创建或更改H1标签的CSS规则时,所有以H1标记格式设置的文本将立即更新。
CSS选择器规则(高级模式)重新定义特定元素组合的格式,或其它的CSS选择器的格式的格式(例如,每当H2标题出现在形成细胞,应用选择器td H2)。先进的风格也可以定义包含特定ID属性的标签的格式(例如,通过#我定义的样式可以应用到所有的标签,包含属性/值的id =我)。