在html文档中引用css有几种方式?分别是什么?

html-css016

在html文档中引用css有几种方式?分别是什么?,第1张

一般来说只有3种:

1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:

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

2.在Html头部用<style></style>包起来,在这里面编写样式:

<style type="text/css">

*{

padding: 0margin: 0

}

</style>

3.在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的

rel=stylesheet的意思

“rel” 是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;

“stylesheet” 中style是样式的意思,sheet是表格之意,连起来就是样式表的意思;中style是样式的意思,sheet是表格之意,连起来就是样式表的意思;

rel="stylesheet"就是声明此文件为 样式表文件 ,告诉浏览器你link过来的是一个样式。

打个比喻:就好比你带了个妞去一个party,虽然你知道这个妞是谁,但是你没给别人介绍啊,谁知道这个妞是干嘛的。于是你加上rel="stylesheet",

一、内部引用:运用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>