在HTML中引入CSS共有3种方式:
(1)外部样式表;
(2)内部样式表;
(3)内联样式表;
####一、CSS的3种引用方式
#####1、外部样式表
外部样式表是最理想的CSS引用方式,在实际开发当中,为了提升网站的性能和维护性,一般都是使用外部样式表。所谓的“外部样式表”,就是把CSS代码和HTML代码都单独放在不同文件中,然后在HTML文档中使用link标签来引用CSS样式表。
当样式需要被应用到多个页面时,外部样式表是最理想的选择。使用样式表,你就可以通过更改一个CSS文件来改变整个网站的外观。
外部样式表在单独文件中定义,并且在< head>< /head>标签对中使用link标签来引用。
说明:
外部样式表都是在head标签内使用link标签来引用的。
#####2、内部样式表
内部样式,指的就是把CSS代码和HTML代码放在同一个文件中,其中CSS代码放在< style>< /style>标签对内,并且< style>< /style>标签对是放在< head>< /head>标签对内的。
<style type="text/css">
p{color:Red;}
</style>
说明:
对于内部样式表,CSS样式在< style>标签内定义,而< style>标签必须放在< head>标签内。
#####3、内联样式表
内联样式表,也是把CSS代码和HTML代码放在同一个文件中,但是跟内部样式表不同,CSS样式不是在< style>< /style>标签对中定义,而是在标签的style属性中定义。
<p style="color:Red; ">绿叶学习网</p>
<p style="color:Red; ">绿叶学习网</p>
<p style="color:Red; ">绿叶学习网</p>
####二、CSS引用方式用途