css三种引入方式

html-css017

css三种引入方式,第1张

CSS三种引入方式:

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

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

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

拓展:

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

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

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

如果你的意思是引用css文件样式的是如下所述:

在html里面的<head>之间插入

<link rel="stylesheet" type="text/css" href="css/~~(这里是你css文件的名称).css" >

例如:

<head>

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

<title>无标题文档</title>

</head>

有3种方式:

分别如下:

1--行间样式表(内联样式)

<div style="……"></div>

2--内部样式表

<style>

选择器{属性:属性值}

</style>

3--外部样式表

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