css内联样式、外联样式与嵌套样式区别

1，内联样式：直接在标签内部通过style属性定义的CSS样式，只能应用于单个元素，可以在标签内定义多个样式属性，但是优先级最高，会覆盖外部样式文件中的样式。

   <p style="color:#333;"></p>

2，外联样式：把CSS代码放在一个单独的文件中，再在html标记中使用link标签引用这个文件，这样可以把CSS代码从HTML代码中分离开，使得网页更清晰，更易维护，优先级低于内联样式，但优先级高于嵌套样式。

   <link href="你的css文件地址" rel="stylesheet" type="text/css"></link>

3，嵌套样式：在样式表文件中，在一个样式的基础上定义另外一个样式，从而让样式表更加简洁，减少重复代码，提高代码的扩展性，优先级低于外联样式，但高于内联样式。

    <style type="text/css">
       .p{
       color:#333;
       }
    </style>