1.css的引入方式
在HTML中引入CSS共有3种方式：
（1）外部样式表； （2）内部样式表； （3）内联样式表；
下面我们详细为大家介绍这3种CSS引入方式。
一、CSS的3种引用方式
1、外部样式表
外部样式表是最理想的CSS引用方式，在实际开发当中，为了提升网站的性能和维护性，一般都是使用外部样式表。所谓的“外部样式表”，就是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。 当样式需要被应用到多个页面时，外部样式表是最理想的选择。使用样式表，你就可以通过更改一个CSS文件来改变整个网站的外观。 外部样式表在单独文件中定义，并且在标签对中使用link标签来引用。 举例：
【说明】：外部样式表都是在head标签内使用link标签来引用的。
2、内部样式表
内部样式，指的就是把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在标签对是放在标签对内的。 举例：
浏览器预览效果如下：用记事本输入的代码呈现的效果如下
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--这是内部样式表，CSS样式在style标签中定义-->
<style type="text/css">
p{color:Red;}
</style>
</head>
<body>
<p>智能化弱电工程</p>
<p>智能化弱电工程</p>
</body>
<html>
【说明】：
对于内部样式表，CSS样式在<style>标签内定义，而<style>标签必须放在<head>标签内。
3.内联样式表
内联样式表，也是把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在<style></style>标签对中定义，而是在标签的style属性中定义。
【举例】：代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<p style="color:Red; ">智能化弱点工程分享</p>
<p style="color:Red; ">智能化弱点工程分享</p>
<p style="color:Red; ">智能化弱点工程分享</p>
</body>
<html>
编辑代码后呈现的效果如下：
