css引入的几种方式

• 行内式： 在标签后面加一个style属性

<div style="width:100px;height:100px;background:darkorange">box</div>

• 内嵌式：将css代码放在style标签中，再通过css选择器来获取html标签，并给他添加css样式
  • 一般放在head标签中(title下面)

<style>
        div{
            width:100px;
            height:100px;
            background:darkcyan; 
        }
</style>

• 外链式：将css代码单独放在一个文件中，再通过link标签进行引入
  • 一般放在head头部中，title下面
  • 特点：一个单独的CSS样式表，可以用在不同的HTML页面中

<link rel="stylesheet" href="index.css">

• 导入式

<style>
       @import url("index.css");
</style>