站点CSS主要有几种引用方法?

html-css011

站点CSS主要有几种引用方法?,第1张

一、内部引用:运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。具体css代码写到<style></style>中,如下面的例子

<style>

bdoy{font-size:14px}

</style>

二、外部引用:用<link>标签引用外部CSS文件中的样式。可将CSS做成单独文件。比如css写到style.css文件中,然后在html中应用这个css。一般最常用的这种方法。

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

三、在代码中使用:<div style="color:red"></div>

样式的引用形式大致可分为以下四种:

一、行间样式,即直接加在标签上的样式 例:<div style="width:50px"></div>

二、内联样式 即用<style></style>标签括起来写在页面中的样式

三、外联样式:即将样式单独放到一个文件夹中,然后用link标签引入页面的形式

四,导入样式,即将样式,按模块划分或其它的分法分别放在不同的css文件中,然后用@导入到其它样式中 。此方法建议不要用,因为效率不是特别高

前三种的优先级为: 行间 >内联 >外联

如果两个同域页面调用同一个css文件,第二次调用的那个页面是会从缓存调用css文件的。请注意,是要调用同一个文件,如果不是同一个文件,那么即使它们之间存在包含关系,也不会从缓存读取的。