CSS样式存在方式
[url=http://www.divcss5.com/rumen/r29.shtml]css样式[/url]存在（引入方式）：以下四个链接样式的作用都是将<p></p>中的文字设置为红色，只是链接形式不同
[b]1、[url=http://www.divcss5.com/html/]HTML[/url]中使用style内嵌[url=http://www.divcss5.com/]CSS[/url]样式表：[/b]
<html>
<head>
<title>[url=http://www.divcss5.com/shili/s57.shtml]css链接样式[/url]:HTML中使用style内嵌CSS样式表</title>
<style type="text/css">
<!--
p{color:red;}
-->
</style>
</head>
<body>
<p>css链接样式：HTML中使用style内嵌CSS样式表</p>
</body>
</html>
[b]2、标签行内直接使用CSS样式:[/b]
<html>
<head>
<title>css链接样式:标签行内直接使用CSS样式</title>
</head>
<body>
<p style="color:red;">css链接样式：标签行内直接使用CSS样式</p>
</body>
</html>
[b]3、引用外部CSS文件之link:[/b]
如果将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>
[b]这四种引入应用CSS样式或文件区别：[/b]
1、第一种使用style内嵌CSS样式表和标签内使用样式，只对本页面中的标签起作用
2、link引用外部CSS与@import导入外部CSS，对所有调用他们的页面起作用
3、link css 和@import区别：
link与@import实在都是将独立的CSS文件导入引入html中，区别在于加载方式不同。
推荐使用 link方式来[url=http://www.divcss5.com/rumen/r56.shtml]html引入外部CSS文件[/url]。
建议:
如果仅需要引入一个[url=http://www.divcss5.com/rumen/r72.shtml]CSS文件[/url],则使用链接式.如果需要引入多个CSS文件,则首先用链接方式引入一个目录CSS文件,这个目录CSS文件中再使用导入式引入其他CSS文件. 感谢分享 学习了。。。
www.shangshanyizao.com 原来这个都是跟程序有关的东西啊！
页:
[1]