导入CSS的四种方式
笔试面试多次被问到导入CSS的方式，都能答上一点点，但都不完善甚至有一些错误，因此在此记录一下这两天的学习成果。
导入CSS总共有四种方式，分别为行内式，内嵌式，导入式，链接式。
1、行内式。
例子：<p style="position:absolute">
没有体现出CSS的优势，CSS与HTML没有分离，代码臃肿。
2、内嵌式。
例子：
<head>
<style type=text/css>
</style>
</head>
在写单个页面时，这种方法很方便。但是不利于代码复用。
3、导入式。
例子：
<style type=text/css>
@import "mycss.css"
</style>
导入式会在整个页面装载完成之后再载入CSS文件，因此在网速较差或者网页较大的时候有可能出现没有CSS样式的网页。之后载入完成时闪烁一下再显示完整页面。
4、链接式。
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
作用和导入式类似，但是会在装载HTML主体部分之前装载css文件。
导入式和链接式作用类似，但是也有比较明显的区别：
<link>属于XHTML标签，而@import属于CSS方法（CSS2.1之后），因此两者在载入时有先后之分。
当要用javascript改变CSS样式时，只能用<link>方法，因为@import只是个CSS方法。
一种常用的组合用法：
1、link一个大CSS，再在大CSS文件里导入其他小CSS
浙公网安备 33010602011771号