html中引入css样式表的三种方式,css引用的几种方式是什么?

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

html中引入css样式表的三种方式,css引用的几种方式是什么?_第1张图片

1、行内式

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

网页中css的导入方式

2、嵌入式

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

a{color:blue }

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

3、导入式

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

@import "css.css";

4、链接式

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

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

你可能感兴趣的:(html中引入css样式表的三种方式,css引用的几种方式是什么?)