CSS概述

CSS的概念

层叠样式表(英文全称：Cascading Style Sheets)
是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS的发展历程

1994年：提出概念

1994年哈坤·利提出了CSS的最初建议。而当时伯特·波斯（Bert Bos）正在设计一个名为Argo的浏览器，于是他们决定一起设计CSS。
W3C组织（World WideWeb Consortium）成立，CSS的创作成员全部成为了W3C的工作小组并且负责研发CSS标准，层叠样式表的开发走上正轨。

1996年：CSS1

1996年底，层叠样式表的第一份正式标准完成，成为w3c的推荐标准CSS1发布，提供了基本的样式设置，如字体、颜色和布局，为网页设计奠定了基础。

• 新特性：CSS1引入了基本的样式控制功能，如字体、颜色、背景和布局。它还引入了层叠机制，使得开发者可以将多个CSS样式层叠在一起。
• 优点：CSS1标准化了样式控制，使得网页的外观和样式更加一致和可预测。
• 缺点：CSS1的功能相对简单，不能满足复杂的样式需求，布局和定位功能有限。

1998年：CSS2

1997年初，W3C组织负责CSS的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了1998年5月出版的CSS规范第二版

• 新特性：CSS2引入了许多新特性，包括定位（positioning）和浮动（float）、页面分页（page-breaking）、表格样式控制和伪类选择器（pseudo-class selectors）等。
• 优点：CSS2的引入提供了更多的布局和样式控制选项，使得网页设计更加灵活和富有创意。
• 缺点：CSS2在某些浏览器中的兼容性问题存在一些困难。

2004年：CSS2.1

2004年，CSS2.1发布，对CSS2进行了必要的改进和修正，成为Web设计的标准

• 新特性：CSS2.1修复了一些CSS2的错误（例如定位（Positioning）：CSS2.1修复了在CSS2中定位机制的一些问题，包括某些情况下定位元素的尺寸计算错误、定位元素之间的重叠问题以及z轴（层叠顺序）的处理方式），并引入了一些新的特性，如绝对定位、弹性盒子和网格布局。
• 优点：CSS2.1修复了CSS2的一些问题，提高了标准的一致性和可靠性
• 缺点：CSS2.1的新特性在旧版本的浏览器中可能不被支持，导致兼容性问题。

2001年：CSS3

CSS3引入了许多新特性，如圆角、阴影、渐变、动画等，使得网页设计变得更加丰富和动态。
随着移动设备和响应式设计的兴起，CSS进一步进化，引入了媒体查询、弹性盒模型和网格布局等新技术，使得网页能够自适应不同设备和屏幕尺寸。

• 新特性：CSS3引入了大量新特性，如圆角边框（border-radius）、阴影（box-shadow）、渐变（gradient）、文本阴影（text-shadow）、过渡（transition）和动画（animation）等。
• 优点：CSS3提供了更多的样式效果和交互功能，使得网页设计更具创意，同时减少了使用JavaScript来实现某些效果的依赖。
• 缺点：CSS3的新特性在一些浏览器中的支持程度不同，需要适配和兼容的工作。

未来：CSS4

• 新特性：CSS4是一个正在开发中的版本，并且并没有一个具体的标准定义。然而，它被认为是CSS3的扩展，可能会引入更多的新特性，如网页排版（grid-based layout）、多列布局（multi-column layout）、过滤器（filter）和变形（transform）等。
• 优点：CSS4有望进一步丰富和完善CSS3的功能，提供更多的样式控制选项和效果，使得网页设计更加多样化和创新。
• 缺点：由于CSS4尚未成为正式标准，其新特性的兼容性和浏览器支持情况仍然存在不确定性。

CSS的基本写法