CSS学习 — 入门

前言

在前面的博客中重新回顾了html的知识，我们可以通过html来写出一个比较简单的网页。
如果仅仅只依靠html的标签来搭建网页，那么网页将会是这样的……（图片来源于zhihu）

面对这样的网页，着实没有再看下去的欲望了……
那么我们将css加上以后，网页是这样的：

当我们按下f12，打开控制台，便可以看到css的“真面目”了。

学习CSS

所以对于一个网页来说，使用css来美化页面是十分重要的。在我看来，学习css，应该围绕：

• css选择器：类选择器、id选择器……
• css的盒子模型：边距、边框……
• css如何美化标签：颜色、背景……
• css定位和页面布局：浮动、居中、对齐……
• css响应式设计：@media、rem……

css进阶

当学习了css的基础知识，就可以学习一下css的sass或者less以及css的框架，没错，css虽然不是一门编程语言，但是也是有许多css的框架的，就是别人已经封装好了css的样式，你只需要通过标签或者类名调用就可以了。例如：bootstrap、 Foundation、Materialize CSS、Bulma、Tailwind等，通过使用css库，可以大大提高开发效率，并且可以使得网站更加美观。