一下CSS样式的属性介绍及使用方法【图文教程】

首先，我们来介绍一下 CSS 样式的属性：

CSS 样式属性分为八类：类型、背景、块、边框、列表、定位和扩展。

类型主要定义文本的字体、大小、颜色、行高和装饰。如图所示：

方法一：

内联样式可以通过style属性直接插入到定义对象的HTML标签中，即style属性的值为内联样式，格式如下：

例如这是内容，

使用内联样式有以下优点和缺点：

缺点：

1.内联样式与需要显示的内容合并，从而使得页面的维护非常繁琐

2.使用内联样式需要记住大量的CSS样式属性名，所以在实践中很少使用内联样式

3.CSS 样式中的某些属性与 HTML 标记中的属性不同。例如，表示文本大小的 CSS 样式属性命名为 font-size，而表示标签中文本大小的属性命名为 size。

4.不如使用内部样式方便

优势：

1.这种用法几乎可以用于任何 HTML 标签

方法二：

使用内部样式：

在DW的样式面板中（按shift+F11调出），点击加号新建一个通用样式，如图：

然后完成样式的设置，代码窗口中会出现样式的定义。

如图所示：

您可以将样式名称前的“·”更改为“#”。在这种情况下，您需要使用 id 属性而不是 Class 属性来引用“#”样式。

效果图如下：

方法三：

使用外部样式：

内部样式是指在页面文档的头部建立的CSS样式，可以被该页面中的所有HTML标签引用。如果要创建所有页面都可以使用的样式，则需要创建外部样式。

外部样式是具有 .CSS 文件扩展名的文本文件dwcs6中的css属性教程，其中包含许多样式的定义。在 DW 中，使用菜单“文件”→“新建”→“常规”→“CSS 样式表”进入 CSS 样式文件的编辑窗口。如图所示：

在上面的窗口中，有 3 个 HTML 标签，（body、td 和 th 分别代表主题、表格单元格和表格行的样式，它们会自动应用于文档的正文、表格单元格和表格行），本质上，它重新定义了HTML标签的外观。注意：默认情况下，新建HTML文档时，页面主体部分输入的文本大小为16px，黑色）

为了在样式文件中引用常用的 CSS 样式，需要在页面头部使用标记dwcs6中的css属性教程，格式如下：

rel=”” 表示被引用文件与当前页面的关系，即被引用文件修改了当前页面文件；href 属性设置引用的 CSS 样式文件。

然后，您可以将此 CSS 样式应用于任何新创建的文档。效果图如下：