CSS（级联样式表）是一种风格的表格语言。它类似于编程语言，除了不是告诉计算机该做什么，它告诉一个Web浏览器如何在网站上显示元素。我们使用CSS来操纵网页上的元素的样式。把这个按钮做成紫色，并给它圆角。将导航条的厚度增加一倍，并给它一个黑色的背景色。

HTML:没有标记语言就不能使用CSS

因为CSS仅描述了样式，所以您无法自己“看到”CSS，而无需将其附加到相应的标记语言。

CSS可与HTML，XHML，XML和其他基于XML的标记语言一起使用。HTML是迄今为止最常用的。Markup languages use plain text, images, video, and other media, and tag them as distinct content elements — a title, a paragraph, a list, etc. From here on in, we’ll use HTML instead of the term markup language, but remember that other markup languages exist.

在语法的奇妙世界里，像fluffy, shiny, tiny, bumpy等形容词本身是没有意义的。它们需要与它们所描述的名词搭配:毛茸茸的羔羊、小狨猴等。HTML和CSS之间的关系是类似的。

我们编写HTML来定义网页的结构或“名词”：我想要一个图像和两段文字。然后我们使用CSS来描述这些HTML元素的样式：让图像巨大。使段落大胆和洋红色。没有那些HTML元素，我们没有CSS的任何风格！没有CSS，我们的HTML元素看起来完全是未售出的和通用。

HTML与CSS的一个例子

例如，这种HTML

我的标题结果在一个平纹，无聊的级别一个标题元素。您可以看到下面的图像中的渲染结果。在HTML中，元素在<>和标记之间绑定。如果您对HTML完全新建，您将希望在继续使用CSS之前熟悉它。

上面的标题元素没有分配自定义样式，因此浏览器只需使用一些默认样式。我们可以使用CSS来改变它！

编写CSS实际上有两个步骤

1. 选择一组HTML元素到样式
2. 应用特定风格声明

例如，拍摄以下CSS：

H1{颜色:紫色;}

第一行选择网页上的所有h1。在CSS中选择不同元素集的方法有很多很多。现在我们已经选择了元素，我们可以继续对它们进行样式化。第2行将所有h1元素的文本颜色设置为紫色。最终的结果是这个漂亮的紫色heading元素:

在本例中，我们只改变了文本的颜色，但是有数百种不同的属性可以操作。属性包括颜色、边距、字体、字体大小等。控件上可以找到所有标准CSS属性的完整列表Mozilla MDN CSS参考文档。

这是一个更复杂的完整网页的例子。检查这个只包含HTML和没有CSS的代码依赖。这是渲染结果的截图:

现在,这是一个具有相同底层HTML和CSS的代码文。CSS带来了巨大的影响!

CSS是什么?事实和数据

原始发布日期：1996年12月17日

当前版本：CSS4（2017年3月24日发布）

浏览器支持: Edge, Firefox, Chrome, Safari, Opera，以及几乎所有你能想到的网络浏览器，包括移动浏览器!对于最新的CSS属性，记得更新您的浏览器，并使用更新的CSS元素检查它，以确保新元素工作。

最流行的CSS编辑器:vscode.（免费和Windows，Linux，Mac）

运行CSS的当前网站数量:W3技术的使用统计95.4%的网站将CSS作为一个网站元素。

这三种CSS

外部CS

外部CSS指的是让一个CSS文档(又名文件)与其关联的HTML文档分开。CSS文件的扩展名是。CSS;HTML文件的扩展名是. HTML。

将CSS从HTML文件中分离出来是一种很好的做法。通过这种方式，您可以在新的HTML文档中重用相同的样式(或调整它们)，从而在一个网站(或一个新网站)的所有页面中提供相同的样式。使用外部CSS文件，也可以很容易地根据需要更新样式。

内部的CSS

内部CSS涉及在文档的标题中将CSS代码插入HTML页面本身。

CSS代码将由HTML