前言
在前面的博客中重新回顾了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库,可以大大提高开发效率,并且可以使得网站更加美观。