步骤如下：
1.如果使用链接式，需要使用如下的语句引入外部css文件：
<link href="style.css" rel="stylesheet" type="text/css" />'引入外部链接
2.如果使用导入式，则需要使用如下语句：
<style type="text/css">
@import "style.css"'导入外部链接
</style>
在CSS文件中引入CSS文件需要用到 @import 。例如：
@import "sub.css"使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。但是每多引入一个CSS文件，就会对服务器增加一次连接请求，当访问量较大时，需在维护性和性能上进行权衡。
三种方式：
1、第一种行内样式，也就是给标签添加style属性，例子如下
<div style="width:100pxheight:100px"></div>2、第二种，直接写在html页面中的style标签中，例子如下，
<div class="box"></div><style>
.box{
width:200px
font-size:14px
color:red
}
</style>
3、第三种，使用外链css样式表，单独保存为css文件，将css样式都写入css文件中，例子如下，
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">//这个地方写css文件的位置
</head>
