css引入的几种方式

css引入的几种方式

css写法：

（1）链接式：将link标签放在中

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

<1> link标签的作用是：当前文档引用外部文档来用的。也就是有的时候我可以不用把所有的内容放到一个文件里，可以将他们拆分开，然后用link标签将它们联系起来。
<2> rel="stylesheet"的解释，rel是英文relations的缩写，明语解释就是引用文档是当前文档的什么什么。stylesheet是样式表的意思
<3>href是说明引用文档的位置
<4>type="text/css"告诉浏览器引用文档里的内容text要当css来解析

（2）导入式：写法如下用一组style标签将import内容给包裹住

<style type="text/css">@import "./jingtai.css"
</style>

这两种方式的相同点：都是将外部的css文件进行了一下引入
区别：link是html文件在加载前就引入了，import是html文件在加载后再引入。采用import引入，会先显示无样式的页面，然后再把样式放进去。

（3）内联式：直接再style标签中开始写样式，

<style>div {width: 100px;height:100px;background-color: red;}
</style>

（4）直接在标签里写样式
这样的写法意见还是尽量避免吧，

<p style="border:1px red solid;">测试信息</p>