将 CSS 应用于文档的三种方法

下面用改变文字颜色来测试这三种方法是否得到阅读器支持。

1.外部样式表

HTML <link> 元素规定了当前文档与某个外部资源的关系。该元素最常用于链接样式表。

我是红色字。

2.内部样式表

HTML 的 <style> 元素包含文档的样式信息或文档的部分内容。其中的 CSS 会应用于包含 <style> 元素的文档内容。

我是绿色字。

3.内联样式

我是蓝色字。

测试样式叠加：

外部+内部（link+style元素，样式都给p元素）：我的红色字有下划线。

外部+内部（link+style元素，红色给p元素，下划线给span元素）：我的红色字有下划线。

内部+内联（style元素+style属性，样式都给p元素）：我的绿色字有下划线。

外部+内联（link元素+style属性，样式都给p元素）：我的红色字有删除线。

外部+内联：我的红色字有删除线。（link元素+style属性，下划线给p元素，红色给span元素）

外部+内部+内联：我的红色字既有删除线又有下划线。