HTML中引入CSS方法

一、行间样式

<div style="
	width: 100px;
	height: 100px;
	background-color: red;">
</div>

直接在HTML文件的标签中进行CSS样式的设置。

二、页面级CSS

在head标签中添加style标签，type值为“text/css”,在style标签中间div{}处写CSS代码

<style type="text/css">
	div{
		width: 100px;
		height: 100px;
		background-color: green;
	}
</style> 

三、外部CSS文件

新建一个文件，专门用来存储CSS样式代码。在HTML中，通过在head标签中定义link标签来引入该CSS样式。

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

link标签中的href属性值就是我们想要引入的那个CSS文件的文件名。

但是在实际写代码过程中，我们会用到很多同样的标签，比如<div>标签，可能一份简单的demo中会有很多<div>标签，并且可能每个div标签都需要不同的CSS样式。而将需要的CSS样式和对应的 <div>标签关联起来，就需要用到选择器了。