[分享]css内联样式该不该用

在网站制作过程中，一直存在着关于CSS内联样式该不该用的争议，那么，我们来简单谈一下这个话题。首先，我们需要先了解一下内联样式的定义。内联样式是将样式属性直接写在HTML元素的style属性中，如下所...

在网站制作过程中，一直存在着关于CSS内联样式该不该用的争议，那么，我们来简单谈一下这个话题。

首先，我们需要先了解一下内联样式的定义。内联样式是将样式属性直接写在HTML元素的style属性中，如下所示：

<div style="color:red;font-size:12px">Hello World!</div> 

明显看得出来，内联样式非常方便，可以快速的修改元素的样式。但是，使用内联样式有一些弊端：

第一，会让HTML文件变得臃肿。如果在整个网站的页面中采用内联样式，就会使整个HTML文件变得非常臃肿，如果后期需要修改某些样式，还需要一个个去找到相应的元素进行修改，十分麻烦。

第二，难以维护。内联样式的样式属性和HTML标签紧密耦合，难以独立维护。如果换了样式，就需要去修改每个内联样式的元素，这时无形中增加了维护成本。

所以，我们该不该使用内联样式呢？其实，使用内联样式应该谨慎。如果仅是对于某个特定的元素进行样式修改，使用内联样式还是可以的。一旦针对整个网站的页面都采用内联样式，那么请果断选择外部样式表或者内部样式表。

外部样式表和内部样式表的优点就不必多说了，由于这不是本篇文章的重点，所以就不做详细介绍。总之，最好的选择还是使用外部或者内部样式表管理页面样式，这样才能使网站的维护更加方便。