外部样式
<!-- 引入外部css文件 -->
<link rel="stylesheet" href="./style.css">
<!--
rel 表示引入文件与当前文档的关系、层叠样式表
stylesheet：层叠样式表
href：资源的链接地址
-->
</head>
<body>
<!--
外部样式：
把css代码单独分离出来
创建一个新的文件，新文件的后缀名.css
具体的css写在css文件中
在head内部使用link标签引入刚才新建的css文件
使用场景：
多个html文件具有相同样式时使用
优缺点：
1、适用范围广，可以重复使用代码
2、便于代码的修改和维护
3、结构样式彻底分离
-->
外部样式
<!-- 引入外部css文件 -->
<link rel="stylesheet" href="./style.css">
<!--
rel 表示引入文件与当前文档的关系、层叠样式表
stylesheet：层叠样式表
href：资源的链接地址
-->
</head>
<body>
<!--
外部样式：
把css代码单独分离出来
创建一个新的文件，新文件的后缀名.css
具体的css写在css文件中
在head内部使用link标签引入刚才新建的css文件
使用场景：
多个html文件具有相同样式时使用
优缺点：
1、适用范围广，可以重复使用代码
2、便于代码的修改和维护
3、结构样式彻底分离
-->