css样式存在（引入方式）：
以下四个链接样式的作用都是将<p></p>中的文字设置为红色，只是链接形式不同
1、HTML中使用style内嵌CSS样式表：
<html>
<head>
<title>
css链接样式:HTML中使用style内嵌CSS样式表</title>
<style type="text/css">
<!--
p{color:red;}
-->
</style>
</head>
<body>
<p>css链接样式：HTML中使用style内嵌CSS样式表</p>
</body>
</html>
2、标签行内直接使用CSS样式:
<html>
<head>
<title>css链接样式:标签行内直接使用CSS样式</title>
</head>
<body>
<p style="color:red;">css链接样式：标签行内直接使用CSS样式</p>
</body>
</html>
3、引用外部CSS文件之link:
如果将1（内嵌式）中红色部分存为一个名为css.css的文件，并与html页面放在同一目录。则链接式的写法为
<html>
<head>
<title>css链接样式:引用外部CSS文件之link</title>
<link href="css.css" type="txt/css" rel="stylesheet">
</head>
<body>
<p>css链接样式：引用外部CSS文件之link</p>
</body>
</html>
4、引用外部CSS文件之@import:
如果将1（内嵌式）中红色部分存为一个名为css.css的文件，并与html页面放在同一目录。则导入式的写法为
<html>
<head>
<title>css链接样式:引用外部CSS文件之@import</title>
<style type="text/css">
<!--
@import url(css.css);
-->
</style>
</head>
<body>
<p>css链接样式：引用外部CSS文件之@import</p>
</body>
</html>
这四种引入应用CSS样式或文件区别：
1、第一种使用style内嵌CSS样式表和标签内使用样式，只对本页面中的标签起作用
2、link引用外部CSS与@import导入外部CSS，对所有调用他们的页面起作用
3、link css 和@import区别：
link与@import实在都是将独立的CSS文件导入引入html中，区别在于加载方式不同。
推荐使用 link方式来
html引入外部CSS文件。
建议:
如果仅需要引入一个
CSS文件,则使用链接式.如果需要引入多个CSS文件,则首先用链接方式引入一个目录CSS文件,这个目录CSS文件中再使用导入式引入其他CSS文件.
