学习使人进步！继续学习一下css代码的引入方式：行内样式、内嵌样式、外部样式。
行内样式
最简单的方式，直接对HTML标签使用 style=" "，看例子：
<p style="color:#F00; ">段落颜色设置</p>设置一个段落字体的颜色为： #f00 直接使用 style="" 相当于是一个公式了，我们直接使用行内样式的公式就行。
内嵌样式
内嵌样式就是将CSS代码写在 <head></head> 之间，并且用 <style type="text/css"> </style> 进行声明，看例子：
<style type="text/css">
p{
color: blue;
}
</style><style type="text/css"> 这是告知浏览器以下是css代码，别出错哈！
p{color: blue;} P是选择器，只要body内容里面的段落都可以解析颜色为蓝色：blue
就是在html代码的head部分里添加style样式，这种方式后期维护的话稍微有点难的，但是我们还是要学习一下，方便自己多一项技能！ 
外部样式
其中外部样式又包括：链接样式（推荐）、导入样式（不建议使用）
1.1链接样式： 链接样式是使用频率最高，最实用的样式，只需要在
之间加上<link…/>就可以了，如下： <link type="text/css" rel="stylesheet" href="style.css" />优缺点：实现了页面框架代码与表现CSS代码的完全分离，使得前期编写代码和后期代码维护都十分方便
1.2导入样式：导入样式和链接样式比较相似，采用@import样式导入CSS样式表，在HTML初始化时，会被导入到HTML或者CSS文件中， 成为文件的一部分，类似第二种内嵌样式。
@import在html中使用，如下：
<style type="text/css">
@import url(style.css);
</style>@import在CSS中使用，如下：
@import url(style.css);链接式和导入式的区别
link：
1、属于XHTML
2、优先加载CSS文件到页面@import：
1、属于CSS2.1
2、先加载HTML结构在加载CSS文件。
以上CSS引入方式的优先级
1.1-就近原则
1.2-理论上：行内>内嵌>链接>导入
1.3-实际上：内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高（页面多种方式使用css样式引入）
完整代码演示
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>行内样式/内嵌样式和外部样式的优先级</title>
<!--外部样式表-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--内嵌样式表-->
<style type="text/css">
p{
color: blue;
}
</style>
<!--外部样式表-->
<!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->
</head>
<body>
<p>我是p段落（注意：内嵌样式和外部引入样式 离我最近的那种样式方式给我带来的影响）</p>
<div >我是div，我什么样式都没有</div>
<!--行内样式-->
<div style="color: hotpink;">我是行内样式</div>
<ol>
<li>欢迎一起学习</li>
<li>https://blog.csdn.net/qq_40722827</li>
</ol>
</body>
</html>总结
css的引入方式很重要,相当于给美女化妆一样,要给我们的头、身子、脚进行美化修饰，让我们的网页更加好看，就像本站的网页一样，虽然谈不上好看，总比没美化的好看吧！ 
css的引入方式就到这儿了。
评论