CSS 如何工作的

CSS（层叠样式表）是一种样式表语言，用于在网页上添加视觉效果。它被用来描述页面布局和HTML元素的显示。通过CSS可以节省大量的时间。使用它可以同时管理多个网页的布局。它使开发人员能够对不同的元素实现各种自定义属性，从而增强网页的外观。在这篇文章中，我们将了解CSS以及它是如何工作的。

CSS基本上被分为3种类型 –

外部CSS --在每个页面上，都会使用元素，link>标签属于head部分。如果你想一次对几个页面进行修改，就使用外部样式表。在这种情况下，它是非常好的，因为它使你只需修改一个文件就能改变整个网站的外观。
内联CSS - 如果一个HTML页面有独特的风格，可以使用内部样式表。head部分的style>元素包含了内部样式的定义。
内部CSS - 要给一个单一的元素一个独特的外观，可以使用内联样式。通过在适当的元素上添加style属性来使用内联样式。样式属性是任何CSS属性的一个容器。

语法

selector{
   property: value;
}

例子

下面是一个如何在HTML页面中使用CSS的例子。在这里，我们有内联CSS。h1元素是下划线，而div元素是绿色的。

<!DOCTYPE html>
<html>
<head>
   <title> Using CSS within a HTML page </title>
   <style>
      h1{
         text-decoration: underline;
      }
      div{
         width: 30%;
         height: 30px;
         background-color: green;
      }
   </style>
</head>
<body>
   <h1> Inline CSS </h1>
   <div> This is an example. </div>
</body>
</html>

我们为什么要使用CSS

节省时间 - 它可以节省大量时间。由于CSS样式定义被保存在独立的CSS文件中，改变其中一个文件可能会对整个网站产生影响。
多种属性 - 与普通的HTML相比，CSS为确定网站的外观和感觉提供了更精确的选择。
快速的页面加载 - 在使用CSS时，不一定需要编写HTML标签属性。可以只为一个标签写一次规则，并让它适用于该标签的所有实例。因为CSS使用的代码较少，所以下载速度也比较快。
网站维护 - 一个网站需要它来维护。只要改变样式，如果我们需要对文件进行全局修改，网页上的所有组件都会即时更新。由于CSS文件的灵活性，网站的设计可以随时修改。
多设备兼容性 --我们可以在以前的语言版本中使用CSS，因为它在传统上与它们是兼容的。正因为如此，如果使用较早版本的编程语言创建CSS应用程序，而开发者将其与较新的发展合并，那么CSS可能很容易与所需的调整相融合，使开发者能够成功地更新现有代码。使用CSS的内容可以满足多种设备类型的需要。