链接方式
行内式
<table bgcolor="black" cellspacing="1px" width="600">
<table style="border:0px" />嵌入式
<head>
<title>css样式使用</title>
<style type="text/css">
body{
background-color: antiquewhite;
}
p{
background-color: aqua;
}
</style>
导入式
<style type="text/css">
@import"mystyle.css"
</style>
链接式
<link rel="stylesheet" type="text/css" href="style.css">导入式和链接式的异同
1.使用链接式时，会在加载页面主体部分之前装载CSS文件，这样显示出来页面一开始就是带有样式效果的；
2.引用块内容使用导入式时，会在整个页面装载完成后在装载CSS文件，对于有的浏览器来说，在一些情况下，如果网页文件体积比较大的的时候，则会出现先显示无样式的页面，闪烁一下在出现设置样式后的效果，对于浏览者的感受，这是导入式的一个缺陷。
3.对于一些较大的网站，为了便于维护，可能会希望把所有的CSS样式分类别放到几个CSS文件中，如果这样使用链接式引入，就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类，就需要同时调整HTML文件。这对于维护工作来说，是一个巨大的缺陷。如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中在导入其他独立的CSS文件；而链接式则不具备这个功能。
4.因此，建议如果需要引入一个CSS文件，则使用链接方式；如果需要引入多个CSS文件，则首先用链接方式引入一个“目录”CSS文化，在这个“目录”CSS文件中再使用导入式引入其他CSS文件。
5.若是希望通过JavaScript来动态决定引入哪个CSS文件，则必须使用链接方式才能实现。