在网页开发的早期,网页的样式是基于HTML标记本身的属性和表现方式。这种方式非常限制,难以满足网页开发的需求。1994年,Hakon Wium Lie提出了CSS的想法。然而,直到1996年12月,CSS1标准发布后,CSS才正式进入网页开发领域。
/* CSS1样式文件 */ h1 { color: red; font-size: 20px; } p { color: blue; font-size: 16px; }
CSS1只提供了基本的样式和布局特性,它还有一些限制。例如,没有盒模型、浮动、清除等特性,只能通过HTML标记来实现布局。随着网页开发需求的不断增加,CSS也在不断进化。
2001年,CSS2标准发布。CSS2增加了一些新的特性,例如绝对定位、相对定位、溢出控制等。同时,CSS2也有一些缺陷。例如,布局仍然需要通过HTML标记实现,而不是通过CSS本身。更重要的是,对于不同浏览器的支持存在问题。
/* CSS2样式文件 */ h1 { color: red; font-size: 20px; position: absolute; left: 100px; top: 50px; } p { color: blue; font-size: 16px; position: relative; left: 50px; top: 20px; }
随着互联网的普及,网页开发变得越来越重要。为了满足网页开发者的需求,CSS3标准在2001年提出。CSS3引入了更多的特性,例如盒模型、浮动、清除、媒体查询、动画、变形等等。CSS3还有一些新特性,例如多列布局、弹性盒子、网格布局、滤镜等等。
/* CSS3样式文件 */ h1 { color: red; font-size: 20px; position: absolute; left: 100px; top: 50px; transform: rotate(30deg); } p { color: blue; font-size: 16px; position: relative; left: 50px; top: 20px; border-box: box-sizing; display: flex; justify-content: center; align-items: center; }
总之,CSS作为一种样式语言,随着网页开发的不断进化而不断发展。从仅仅提供基本的样式和布局特性,到引入更多的特性和新功能,CSS一直都在改善和完善的路上。