使用CSS样式表在Dreamweaver建立一个网页

您所在的位置:网站首页 移动光猫h2_3s设置教程 使用CSS样式表在Dreamweaver建立一个网页

使用CSS样式表在Dreamweaver建立一个网页

2023-04-02 00:41| 来源: 网络整理| 查看: 265

本文介绍了如何设置文本格式使用级联样式表(CSS)在一个页面中Dreamweaver。你可以使用CSS来设置文本的格式和方式,HTML不能提供文本的定位,这样你可以更灵活地控制页面的外观。

了解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 =我)。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3