[分享]css发展史整理

CSS，全称Cascading Style Sheets，是一种用于网页样式设计的语言。它的发展历程经历了许多阶段，本文将对CSS的发展历史进行整理。

/* CSS1 */
p{
    color: red;
    font-size: 16px;
}

/* CSS2 */
p{
    color: red;
    font-size: 16px;
    margin-top: 10px;
}

/* CSS3 */
p{
    color: red;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 5px;
}

/* CSS4 */
p{
    color: red;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 5px;
    animation: fadeIn 2s ease;
}

/* CSS5 */
p{
    color: red;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 5px;
    animation: fadeIn 2s ease;
    grid-template-columns: repeat(3, 1fr);
}

/* CSS6 */
p{
    color: red;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 5px;
    animation: fadeIn 2s ease;
    grid-template-columns: repeat(3, 1fr);
    display: flex;
    gap: 10px;
} 

1996年，CSS1发布。CSS1最初只定义了一些基本的样式，包括文本颜色、字体大小和外边距等。但它为后来的样式定义标准奠定了基础。

1998年，CSS2发布。CSS2在CSS1的基础上引入了一些新的样式定义，包括对背景、边框、列表和表格的样式定义。此外，CSS2还引入了媒体类型、分页和打印样式等功能。

2001年，CSS3的第一个工作草案发布。CSS3扩展了CSS2的功能，引入了一系列新的样式定义，如圆角边框、阴影和动画等。此外，CSS3还引入了网页布局的新特性，如多列布局和弹性盒模型等。

2014年，CSS4的第一个工作草案发布。CSS4继续扩展了CSS3的功能，引入了更多新的样式定义，如父选择器、网格布局和自定义属性等。

除此之外，还有一些新的网页样式技术在发展中。比如，CSS Houdini是一个新的样式编程模型，可以让开发者更加灵活地创建自定义的网页样式。

总之，CSS的发展历程经历了多个版本和阶段，为网页样式设计提供了丰富的功能和选择。未来，随着技术的不断发展，CSS的功能和特性还将不断扩展和完善。