css引用的几种方式是什么?

HTML怎么引用CSS样式?css引用的几种方式是什么?下面本篇文章就来给大家介绍一下在HTML中引用CSS样式的几种方法,希望对大家有所帮助。

1、行内式

在HTML标签中,使用style属性设置CSS样式。

<p style=”color:red”>网页中css的导入方式</p>

2、嵌入式

将CSS样式集中写在HTML页面的style标签中

<style type=”text/css”>
    a{color:blue }
</style>

嵌入式一般写在head中,对于单个页面来说,这种方式很方便。

3、导入式

CSS @import规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@import不能在条件组的规则中使用。

<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->  
<style type="text/css">  
 @import "css.css";  
</style>

4、链接式

<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。此元素只能存在于 head 部分,不过它可出现任何次数。

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

导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。

以上就是css引用的几种方式是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读