什么是CSS，为什么它很重要？

DebugUsery
154 阅读3分钟

什么是CSS，为什么它很重要？

CSS是现代网络的一个非常重要的组成部分。CSS是层叠样式表（Cascading Style Sheets）的缩写。现代网页将HTML5与CSS结合起来使用，制作出令人惊奇的、美丽的网站。如果没有CSS，按照今天的标准，网站会显得平淡无奇，毫无趣味，而且过时。

CSS的简要历史

CSS最早是在1994年芝加哥的网络会议上作为一个概念提出的。它受到了一些批评，因为有些人认为，要给文档设计样式，需要一种完整的编程语言，而CSS只是一种简单的、声明性的格式（w3.org）。在1995年的下一次会议上，CSS再次被提出来，这一次，它的实施方案被展示出来。尽管有这样的愿望和需求，但直到一年后（1996年12月），CSS 1级才被批准并接受为W3C建议。

目前的官方版本是CSS3。这个版本将CSS分成了几个模块，这些模块被允许独立定级，允许一些模块进展到第4级（A Word About CSS4）。

CSS是如何工作的

CSS由浏览器解释并应用于调用它的HTML。在样式表中，开发人员将样式分配给HTML文档的选定部分。例如，如果我们把一个网站中的第一段，很可能是由HTML表示的。

<p class="firstParagraph">This is the first paragraph.</p>

这是第一段。

如果我们想用CSS来应用样式，我们可以把语法改成。

<p class="firstParagraph" style="font-size: 14px; color: blue;">This is the first paragraph.</p>

这是第一段。

这样就把字体大小改为14像素，颜色改为蓝色而不是黑色。

那层叠的情况呢？这就是选择部分中的所有元素都被分配到相同的样式，除非另一个CSS部分覆盖它。例如，如果我们把HTML标签的第一节<body> ，它可以看起来像。

<div class="first">
  <p class="firstParagraph">This is the first paragraph.</p>
  <p class="secondParagraph">This is the second paragraph.</p>
</div>

这是第一段。

这是第二段。

并添加了指代 "第一 "的CSS代码，如下所示。

<style>
  .first {
    font-size: 14px;
    color: blue;
  }
</style>
<div class="first">
  <p class="firstParagraph">This is the first paragraph.</p>
  <p class="secondParagraph">This is the second paragraph.</p>
</div>

这是第一段。

这是第二段。

在这种情况下，CSS同时应用于第一段和第二段，使它们的字体大小都是14像素，颜色是蓝色。

为什么CSS很重要？

根据《跟我学编程》，"CSS很重要，因为它允许网页设计师、开发人员、博客作者等使我们的网站变得独特而有吸引力。CSS让我们有机会玩转页面布局，调整颜色和字体，为图片添加效果等等......最终，它让我们的生活变得更加轻松。CSS使我们能够将表现形式与结构（HTML）分离到不同的文件中"。

BigCommerce Essentials说，CSS "是一种编码语言，使网站具有外观和布局。与HTML一起，CSS是网页设计的基础。没有它，网站仍然是白色背景上的纯文本"。

让我们以iTech News网站为例。这里是有CSS的网站。 而这里是没有任何CSS的。 正如你所看到的，仅仅使用CSS就可以使一个网页从平淡无奇的状态变成设计精良和有趣的状态。

CSS是现代网页设计的一个重要元素。它将平淡无奇的白色背景的网站变成了令人惊奇、美丽和吸引人的东西。

avatar
文章
阅读
粉丝