谈谈关于CSS发展史的那点事

前言：关于CSS发展史的那点事，我也是专门去了解，查看了资料，然后整理了一下做成笔记，在这里和大家分享一下。

文章目录：

1. CSS1（1996年）
2. CSS2（1998年）
3. CSS2.1（2004年）
4. CSS3（2001年至今）
5. CSS4：目前，CSS4还没有正式发布。

一、CSS1（1996）

CSS1是1996年推出的第一个被广泛采用的CSS标准，它为Web开发人员提供了一种描述和控制网页样式的方式。在CSS1之前，Web页面的样式和布局只能通过HTML标签的属性来定义，这也导致了代码冗长、难以维护，并且限制了页面的设计的自由度。

当时CSS1的特点主要包括下面的这几项：

• 分离样式和内容：CSS1允许Web开发人员将网页内容和样式分开，使得代码更加简洁、易于理解和维护。
• 层叠机制：CSS1引入了层叠机制，可以对多个样式进行叠加和覆盖，从而实现更加灵活的样式控制。
• 盒模型：CSS1将网页元素视为一个个盒子，可以通过控制盒子的大小、边框、填充等属性来实现页面布局。
• 字体、颜色和背景：CSS1提供了一系列字体、颜色和背景属性，使得Web开发人员可以轻松地调整页面的外观。
• 浏览器兼容性：CSS1被广泛支持，几乎所有的现代浏览器都可以正确解析CSS1样式。

在当时，CSS1的出现，给Web开发人员带了很大的改变，它为Web页面的设计和布局提供了更加灵活、高效、可维护的方式

二、CSS2（1998）

CSS2是在1998年推出的第二个CSS标准，它在CSS1的基础上进一步扩展了样式规则和属性，提供了更加丰富和精确的页面布局和设计控制。

CSS2的特点主要包括下面的几项：

• 定位和浮动：CSS2引入了定位和浮动属性，使得Web开发人员可以更加灵活地控制元素的位置和布局。
• 相对定位和绝对定位：CSS2允许使用相对定位和绝对定位来控制元素的位置，从而实现更加复杂和精确的页面布局。
• 伪类和伪元素：CSS2提供了一系列伪类和伪元素，使得Web开发人员可以更加精确地选择和控制页面元素的状态和样式。
• 支持媒体类型：CSS2支持不同的媒体类型，例如打印机、屏幕等，可以根据不同的媒体类型来设置不同的样式。
• 字符集和语言支持：CSS2支持不同的字符集和语言，可以根据不同的语言和文化环境来设置不同的样式。
• 浏览器兼容性：CSS2被大多数现代浏览器广泛支持，但由于各个浏览器的实现方式不同，导致CSS2在一些浏览器上会出现兼容性问题。

CSS1 1996年推出，在不久的1998年推出了新的CSS2标准，基于CSS1进一步的扩展了新功能和特性，这也使得Web开发人员可以更加的精确、灵活、高效控制页面样式和布局。

三、CSS2.1（2004）

CSS2.1是对CSS2的修订和更新，它修复了一些错误并添加了新的特性，例如min-width和max-width属性，以及更好的文本处理。

在这个版本发布后，W3C组织对规范进行了广泛的测试和评审，并在此基础上发布了几个候选推荐版本和最终的正式版本。最终，CSS2.1于2006年6月7日正式发布，成为Web开发中使用最广泛的CSS版本之一。

CSS2.1主要的改进包括下面这几项：

• 改进了样式属性的定义：CSS2.1修正了CSS2中一些模糊的定义，使得样式属性更加清晰明确，开发者可以更好地理解和使用这些属性。
• 新增了一些样式属性：CSS2.1新增了一些新的样式属性，例如overflow-x、overflow-y等，这些属性提供了更多的控制页面元素显示和隐藏的方式。
• 增强了盒模型的支持：CSS2.1增强了盒模型的支持，使得开发者可以更加灵活地控制页面元素的布局和尺寸。
• 修复了一些错误和不兼容性：CSS2.1修复了CSS2中一些错误和不兼容性，使得浏览器更加统一地支持CSS规范。

CSS2.1是CSS2重要的一个更新版本，它修正了CSS2中的一些问题增加了新的特性，为Web开发人员提供了更加强大的灵活的样式控制方式

四、CSS3（2001）

CSS3是一个庞大的规范，包含了多个模块，每个模块都专注于不同的排版属性。CSS3引入了很多新特性，如阴影、渐变、动画、转换等，并增加了更多的选择器和伪类。

CSS3是CSS的第三个版本，它于1999年开始开发，并在2001年发布第一个工作草稿。但是，CSS3的开发过程非常非常非常的漫长，直到2011那一年的6月才被W3C正式推荐为标准，因此CSS3 2001年才正式的发布。

CSS3主要的特点包括下面的这几项：

• 强大的选择器：CSS3提供了更加强大的选择器，可以根据元素的属性、状态、位置等来选择和控制页面元素的样式。
• 多列布局：CSS3支持多列布局，可以将内容分为多列显示，从而实现更加灵活和自然的页面布局。
• 圆角和阴影效果：CSS3引入了圆角和阴影效果，可以轻松地为页面元素添加圆角或阴影效果，使得页面更加美观和生动。
• 渐变和背景图案：CSS3支持渐变和背景图案，可以为页面元素设置渐变色或图案背景，从而增强页面的视觉效果。
• 动画和过渡效果：CSS3支持动画和过渡效果，可以为页面元素添加平滑的动态效果，使得页面更加生动和有趣。
• 媒体查询：CSS3引入了媒体查询，可以根据不同的设备和屏幕尺寸来设置不同的样式，从而实现响应式设计。

CSS3的出现，为Web开发人员带来了更加更加灵活的样式控制方式，使得我们页面布局和页面设计更加的自由、美观、生动。

五、CSS4（暂时未推出）

实际上，CSS4并没有被正式发布或采纳为标准。这是因为自CSS3推出以来，W3C决定将其拆分为多个模块，以便更好地管理和维护规范。

虽然有一些人提到了“CSS4”的概念，但它不是一个正式的标准，而是指一组在不同模块中进行开发的新CSS特性。

最后补充一下：

W3C是万维网联盟（World Wide Web Consortium）的缩写，它是一个国际性的组织，致力于开发Web标准和推广Web技术的发展。W3C是由互联网的创始人之一、Web的发明者蒂姆·伯纳斯-李（Tim Berners-Lee）于1994年创建。

总结：

以上的内容就是我整理的一些笔记啦希望能够给小萌新带了知识的拓展