解释一下CSS的易维护性

层叠样式表，简称CSS，是在我们需要对网站应用样式时使用的。使用CSS使我们更容易使网站具有可展示性。它将结构（由HTML文档组成）与表现形式分开，后者意味着用户看到并与之互动的部分。

为什么我们需要CSS来呈现

拥有不同的创意风格已经成为一个网站必须具备的属性，因为它使网站具有互动的乐趣，而不是只用HTML就能做出的平淡无奇的网站。

我们可以通过三种方式将CSS应用到我们的网站上 –

内联样式– 当我们将样式应用于每个单独的HTML标签时，这被称为内联样式。

下面是一个CSS内联样式的例子。

<h1 style=”font-size: larger”> This is an example of using inline styling in CSS </h1>

嵌入样式 – 当样式标签嵌套在head标签内时，使CSS看起来嵌入了一个HTML文件内。那么它就被称为嵌入式样式。

例子

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Embedded Styling</title>
   <style>
      h1 {
         color: aquamarine;
      }
   </style>
</head>
<body>
   <h1>This is an example of embedded styling being used in HTML.</h1>
</body>
</html>

外部造型– 这是最值得推荐的使用CSS的方式，因为它通过使用一个包含所有样式信息的.CSS文件，将CSS与HTML分开，然后链接到HTML文档中。我们可以通过这种样式设计方法附加一个以上的CSS文件。

下面是一个在CSS中使用外部样式的例子。

<head>
   <link rel=”stylesheet” href=”style.css”>
</head>

CSS之前是什么

在CSS出现之前，HTML引入了像<font>或颜色属性这样的标签，用于设计样式。但是，将字体和颜色信息纳入每个页面的大型网站在创建过程中既费时又费钱。这就是引入CSS的原因，它消除了使用这种奇怪标签的HTML格式化。

CSS的引入将结构和样式分开，HTML用于构造网页，而CSS则专注于在网页中加入样式和演示。

CSS的优势和易维护性

我们已经知道，CSS为我们提供了简单的格式化选项，以改善我们的网页的表现。但这并不是它的全部作用。下面列出了使用CSS的主要优点。

对于简单的网站，我们可以在HTML文档中使用CSS，而对于大型网站，我们可以创建单独的CSS文件。这就为我们提供了 选择权 ，让我们根据自己的网站来决定使用哪种形式的CSS。
它有 更好的社区支持。
早些时候，我们必须为每个网页分别指定字体、颜色等，但CSS的引入使这一复杂而漫长的过程变得简单得多。
我们可以 节省时间 ，因为通过使用CSS文件而不是将其纳入文档本身，可以使错误检测和纠正变得容易。更新这一个文件可以更新我们整个网站的所有样式信息。
它使 加载网页 的过程变得很快，因为我们只对每个标签应用一次规则和样式，相比之下，在HTML格式中，我们必须使用等标签进行样式设计。更少的代码使得文件的下载时间大大减少，这意味着更快的页面加载。