2017-10-26
一共有4中方式，分别为内联、内嵌、外联、导入。
第一种：内联
这种是在标签内直接写的，style=" "，如图所示：
给一个div块加一个宽高都为300px的样式。这种方式会让html代码冗余，做小demo或者刚接触html的可以使用，但是不建议使用这种方式，知道有这种方式就可以了。
第二种：内嵌
这种是在head标签里，加一个style标签，在style里添加样式，如图所示：
给这个div块加一个背景颜色为红色的样式。这种方式会让这个页面太“重”了，同样是做小demo或者刚接触html的可以使用，也不建议使用。
第三种：外联
这种是新建一个.css文件，通过link来引入样式，如图所示：
在css文件中，直接写样式即可，通过link来把样式引到.html文件中。这种方式是常用的方式，单独的一个css文件夹内放css的内容，把每个部分分的详细一些，也好去管理。
第四种：导入
这种是在head标签里，加一个style标签，再写@import url（），跟用link的方式差不多，如图所示：
跟link实现的效果一样，不同是link是页面加载的时候同时加载引入的样式，而@import是页面加载完成后，再加载引入的样式；并且link是xhtml中的标签，所以兼容所有浏览器，但@import是在CSS2.1提出的，所以低版本的浏览器会不兼容；link是可以通过js来改变样式的，@import就是不可以的；还有就是link可以引入除了css以为的其他文件，但@import只能引入css文件。