css三种引入方式

html-css013

css三种引入方式,第1张

CSS三种引入方式:

1. 通过外部样式表(external style sheets)引入;

2. 通过内部样式表(internal style sheets)引入;

3. 通过内联样式(inline styles)引入。

拓展:

外部样式表是指将所有的样式定义保存在单独的文件中,然后通过HTML标签引入到文档中,这种方式能够让样式在多个文档中重复使用,减少代码量,方便管理。

内部样式表是指将样式定义保存在HTML文档中,通过标签将样式定义以内部样式表的形式嵌入到文档中。

内联样式是指将样式定义直接写在HTML元素的style属性中,这种方式最为灵活,但容易使代码冗余,影响维护。

我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。

工具/材料

Sublime Text

首先新建一个文件夹,在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示

然后我们在Head标签内用link标签引入CSS文件,如下图所示

最后用Script标签引入JS文件即可,如下图所示