css三种引入方式

html-css015

css三种引入方式,第1张

CSS三种引入方式:

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

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

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

拓展:

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

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

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

css主要有三种引用方法:

1,内部引用,在html文档中在<style>标签里面写的css样式

<style>

bdoy{font-size:14px}

</style>

2,外部引用,用<link>标签引用外部的css文件,将样式引用到html文档来。

<link rel="stylesheet" type="text/css" href="style.css">

3,在标签中使用,使用style属性将当前的标签样式改变。

<div style="color:red"></div>