三种 CSS 样式定义方式及应用示例

CSS 三种样式定义方式及应用示例

CSS 提供了三种定义样式的方式：

1. 内联式：将样式直接写在 HTML 标签的 style 属性中，适用于单个元素的样式设置。
2. 嵌入式：将样式写在 HTML 文件的 <style> 标签内，适用于同一页面内的样式定义。
3. 外部链接式：将样式写在独立的 CSS 文件中，并通过 <link> 标签引入 HTML 文件，适用于多个页面共享的样式。

将样式表文件 test.css 应用到网页

<link rel="stylesheet" href="test.css" />

显示同级目录中的图片 test.gif

<img src="test.gif" alt="图片描述" />