CSS的引入方式

1、行内式：

        直接在元素的style属性中，添加CSS样式：

    Hello World

优点：分散、灵活、方便、直观。

缺点：缺乏整体性和规划性和可重用性。

2、内嵌式（内部样式）：

包含在 优点： 每个页面的CSS代码可能具有统一性和规划性，在同一个页面内部便于复用和维护。

缺点：在多个页面之间的可重用性不够高。

3、链接式：

将CSS代码写在一个单独的文件中，在元素中，使用元素直接引入该文件到页面中，建议使用相对

路径。一个页面可以多次使用元素引入多个外部CSS文件。当引入多个CSS文件且不同的CSS文件有相同的

选择器，那么在位置上越靠后的CSS选择器优先级越高（覆盖原则）：

优点：使得CSS样式与html页面分离，便于整个页面系统的规划和维护，可重用性高。

缺点：CSS代码由于分离到单独的CSS文件，容易出现CSS代码过于集中，若维护不当则极容易造成混乱。

4、导入式：

    也是将一个外部CSS文件引入页面，在

优缺点同链接式。

顺便一提：

导入式和链接式虽然结果一样，用法相似，但是他们也有很多区别：

1：是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
2：引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

3：是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
4：支持使用Javascript控制DOM去改变样式；而@import不支持。

5：在兼容性和功能性上，要比@import更好。