简介

本教程将简要介绍css的历史渊源，并对css如何与html一起工作做一个高层次的概述。本教程将为您学习前面教程中的实践练习和网站建设项目做好准备。

css历史

1994年，当Hakon Wium Lie与万维网的发明者Tim Berners-Lee一起在欧洲核研究组织(CERN)工作时，Css首次被引入。当时，网页通常是专门用超文本标记语言创建的，这是伯纳斯-李在20世纪90年代开发的超文本标记语言。然而，开发HTML是为了描述Web文档组件(如其标题和段落)的语义，而不是提供样式说明。随着越来越多地使用HTML来设计网页的样式变得越来越笨拙，引入了CSS来提供一种更有效的方法来结合使用HTML来设计网站的显示和布局。

CSS如何与HTML协同工作

使用HTML和CSS构建的网站通常由一个HTML文件和一个CSS文件组成，HTML文件包含文本、图像链接和HTML标记等内容，CSS文件包含应用于HTML内容的样式规则。例如，HTML文件可能有标题文本（用HTML标记<h1>标记)和段落文本（用HTML标记

标记)。其对应的CSS文件可能有规则指示浏览器将所有标题文本的大小设置为20像素，并将所有段落文本的颜色设置为蓝色。这些CSS样式规则将应用于HTML文档中出现的所有标题和段落文本，而无需每次在HTML文档中添加样式说明。

Css也是安排网站内容的强大工具。通过为HTML元素提供大小、颜色和其他属性，您可以使用CSS创建内容框，以构建网页布局的结构和样式。

结论

在前面的教程中，您将使用CSS来样式化文本、图像和其他HTML元素，以及样式化和控制网页的布局。首先，您需要创建一些文件和文件夹，在其中练习编写HTML和CSS代码。在下一个教程中，您将使用免费提供的代码编辑器Visual Studio Code完成设置CSS和HTML项目的步骤。