CSS基础：简单介绍CSS

你好，我是云桃桃。

一个希望帮助更多朋友快速入门 WEB 前端的程序媛。大专生，2年时间从1800到月入过万，工作5年买房。 分享成长心得。

259篇原创内容-公众号

后台回复“前端工具”可获取开发工具，持续更新中

后台回复“前端基础题”可得到前端基础100题汇总，持续更新中

我们之前已学习了HTML 基础，接下来咱们继续聊 web 前端开发的第 2 个基础技能——CSS。

CSS（Cascading Style Sheets，层叠样式表） 是用于控制网页样式和布局的一种样式表语言。用于描述网页的样式和布局，包括字体、颜色、大小、间距、边框等方面。

假如说，HTML 元素是一辆汽车，HTML 标签可以决定汽车的基本结构和功能，如车轮、车身和车门等。而 CSS 就像是汽车的油漆和装饰，它可以改变汽车的颜色、图案、贴纸等外观特征，让汽车看起来更加吸引人或者适应不同的场景。

比如，我之前带着学员写过的网易云网站，如果只有框架没有 CSS，那么页面就只剩下标签堆砌，预览效果如图。

但如果加上 CSS，就像给网页穿上了一套美丽、标准，整洁的皮肤一样,如下图，这就像是，毛坯房和精装修的区别，对吧，hah。

对，这就可以解释为 CSS 的最最重要的作用之一——布局网页。

那关于 CSS ，也是有长达近30年的历史了。了解它的历史，对于学习和理解 CSS 非常重要，可以帮助你更好地掌握 CSS 的语法和特性，了解网页设计的发展趋势，理解 CSS 的标准和规范，以及学习和使用其他前端技术。

ok，那我们一起来看看吧。

发展史

随着技术的不断发展，CSS 也不断更新迭代，目前主要有三个主要版本：CSS1、CSS2 和 CSS3。

CSS1 是最早的版本，于 1996 年推出，引入了基本的样式控制功能，如文本样式、颜色和背景等，当下已基本废弃。

CSS2 在 1998 年发布，增加了更多的样式属性和布局控制功能，如浮动和定位等。

而 CSS3 是最新的版本，于 2011 年开始逐步推出，引入了更多的新特性，如动画、过渡效果、阴影、圆角等，以及对响应式布局和移动端优化的支持。

我们本次呢，是先学习 CSS2，为什么不直接学习最新的 CSS3 呢？有以下几点理由。

1、历史沿革： CSS2 是 CSS 的第二个版本，是在 CSS1 的基础上进行了扩展和改进。学习 CSS2 有助于理解 CSS 的发展历程，为进一步学习 CSS3 和未来的 CSS 版本打下坚实基础。

2、广泛适用： 了解并掌握 CSS2 是确保网页在不同环境下正常显示的关键。

3、基础技能： CSS2 包含了 CSS 的核心概念和基本功能，如选择器、盒模型、布局、样式属性等，这些都是学习 CSS 的基础知识。通过学习 CSS2，可以建立起对 CSS 技术体系的全面理解，为进一步学习和尽快应用 CSS3 奠定坚实基础。

综上所述，学习 CSS2 对于前端开发者来说是非常重要的，它是打开 CSS 技术之门的第一步，也是构建稳健、兼容性强的网页应用的基础。

总结

总之，前端小白可以通过掌握基本的样式设计和布局技能，开始构建网页，比如，模仿一些知名的常用的电脑端网站，如淘宝、腾讯新闻、QQ 音乐、网易云音乐等。

随着刻意练习熟练度增加，后续才可以逐渐提升到更复杂和丰富的网页设计和开发中。

HTML 和 CSS 是 web 开发中最基础、最重要的 2 种技术。务必要认真把基础打牢~