css引入的方式，一共有几种，分别是哪几种方式，有什么区别？
2021-05-18 19:28
标签：建议 完成 直接 页面 bsp 内嵌 com 代码 文件夹 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文件。 css引入的方式，一共有几种，分别是哪几种方式，有什么区别？ 标签：建议 完成 直接 页面 bsp 内嵌 com 代码 文件夹 原文地址：http://www.cnblogs.com/zqq87987/p/7735506.html
文章标题：css引入的方式，一共有几种，分别是哪几种方式，有什么区别？
文章链接：http://soscw.com/index.php/essay/87325.html