您好,我给你讲一下CSS的类型吧。希望对你有用! 一般定义CSS有四种设置方式。 1.内联样式表 2.嵌入样式表 3.外部样式表 4.输入样式表 我做一下简单的解释帮助您理解。 第一种,内联样式表。 是指 直接在任何标签里面加入样式(style)。比如B标签可以写成 wwwww 优点:每个标签都可以加独立样式,灵活性高。 缺点:每个标签逐个加样式,时间耗费较大。 第二种,嵌入样式表。 是指利用 优点:嵌入样式表能够控制整个当前页面的样式。 缺点:不能控制其他页面样式。其他页面想要同样的样式,就必须在其他页面再嵌入样式表。 第三,外部样式表。 是指将 样式 定义在一个独立的 css文本 中。然后通过link的链接方式与网页关联。 首先得创建一个后缀为.css的文档。然后直接在文档中编写样式。最后通过link方式链接到HTML中。 如: 一般做网站,建议使用外部样式表,因为外部样式表使用使文件减小,提升读取速度,便于修改,时效性强。 第四,输入样式表。是指将一个样式文件输入到另一个样式文件中,把样式层叠起来的效果。 方法:打开一个样式文件,输入 @import url(另一个样式文件地址) 这样就可以把两个样式表的效果层叠起来。 样式表的功能很强大,内容也很多。不可能用三言两语把全部内容给你讲解,请原谅。 我已经尽量把骨干重点挑出来帮助你理解。 如果你是希望学习CSS的,建议您到买本书,认真琢磨。配合网上素材,结合自己的实践。 应该很容易掌握好CSS的运用。 好了,祝您学习愉快。
层叠样式表 (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;
}
在 Dreamweaver 中可以定义以下规则类型:
自定义 CSS 规则(也称为"类样式")使您可以将样式属性应用到任何文本范围或文本块。所有类样式均以句点 (.) 开头。例如,您可以创建称为 .red 的类样式,设置规则的 color 属性为红色,然后将该样式应用到一部分已定义样式的段落文本中。
HTML 标签规则重定义特定标签(如 p 或 h1)的格式。创建或更改 h1 标签的 CSS 规则时,所有用 h1 标签设置了格式的文本都会立即更新。
CSS 选择器规则(高级样式)重定义特定元素组合的格式,或其它 CSS 允许的选择器形式的格式(例如,每当 h2 标题出现在表格单元格内时,就应用选择器 td h2)。高级样式还可以重定义包含特定 id 属性的标签的格式(例如,由 #myStyle 定义的样式可以应用到所有包含属性/值对 id="myStyle" 的标签)。
创建新的样式表
首先,您将创建包含 CSS 规则(定义段落文本样式)的外部样式表。在外部样式表中创建样式时,可以在一个中央位置同时控制多个 Web 页面的外观,而不需要为每个 Web 页面分别设置样式。
CSS 规则可以位于以下位置:
外部 CSS 样式表是存储在一个单独的外部 .css 文件(并非 HTML 文件)中的一系列 CSS 规则。利用文档 head 部分中的链接,该 .css 文件被链接到 Web 站点中的一个或多个页面。
内部(或嵌入式)CSS 样式表是包含在 HTML 文档 head 部分的 style 标签内的一系列 CSS 规则。例如,下面的示例为已设置段落标签的文档中的所有文本定义字体大小:
Dreamweaver 会呈现您所应用的大多数样式属性并在"文档"窗口中显示它们。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈现的外观不相同。