css如何快速学习

对于刚刚接触css的朋友，可能你一时间觉得迷茫，不知道怎么开始学习css，有这种迷茫是正常的，在这里，小编将告诉你如何快速学习css知识，因为小编也是过来人，也是从一开始迷迷糊糊学习html和css，花了大半年时间自学磨练，走了不少弯路，所以希望朋友你能跳过不必要的弯路，快速学会css。

css是干什么的。

css是一种样式，是专门装饰html页面用的。打个比方，就好比地产公司做楼盘建筑，html就是外面的钢筋水泥柱+砖头，css就是给每个砖头，水泥柱铺上好看的瓷片，接着在每个房间贴上漂亮的花纹，然后在房间里面再布置床啊，电视柜啊那些，让你的房间看起来漂漂亮亮。css就是这样的功能，装饰你的html网页。你可以通过背景，布局，让你的网页焕然一新。从此让用户驻足你的网站。

培养兴趣。

学任何一门语言，都要先培养自己的兴趣。没有兴趣的学习，是一件很痛苦的事，也没有动力坚持下去。所以学css也一样，首先要对css感兴趣，才有继续学习下去的可能。当你知道css是用来干什么的时候，你是否很冲动马上想继续了解css是怎样装饰html的，这就是兴趣。当然暂时没兴趣也没关系，兴趣也是可以慢慢培养的。在学习css的过程中，你会发现很多很有意思的事情。

简单的css。

学过html的人都会发现html很简单，就是一些标签组合起来成了一个网页。css也一样，它也是通过一些样式名字组合在一起，达到装饰html标签的作用。比如想设置页面字体为18，就用font-size：18px 去设置。其它样式也是一样的道理。都是通用的一个格式，“单词+冒号+值”的形式去设置。你只要记住有什么单词可用，有什么值可写就行了。就跟学英文一样，记住单词就好，但css单词数量远远少于英语，总共加起来也才二三十个，常用的也才十几个，是不是很简单呢？你只要先记住就好。

文字类样式

因为网页上能看到的多数是文字、图片、还有就是背景和布局、还有看不到的容器（类似一个空间），所以css样式也是大概围绕这四个方面展开。

文字类样式大概有：font-size(字体大小)，font-family（用的什么字体）等等。

背景样式

主要有background-color（背景颜色），background-image（背景图片）等去设置。

布局定位样式

定位，就是把某一块内容用什么方式放在那里。主要有三种方式。浮动定位（float），相对定位（position: relative;），绝对定位（position: absolute;）

容器样式

就是框模型，你可以设置内外边距去设置框的大小

小结

css的样式大体上不多。主要就是上面提到的几个类，是不是感觉挺少的呢？其它一些就要自己去一些教程网站钻研学习了。

多看教程

上面简单提到了一些样式，可以看出内容不多，只要沉下心来，很容易就上手学会。当然学习css最好先看一些比较好的教程，毕竟教程内容比较系统，目前个人觉得比较好的教程是w3c官网教程。不仅可以边学，还能边练习。可以让你快速提高。

重在练习

css不能光看，练习才是最主要的，任何一门语言都要学以致用才能熟练它，不然只会慢慢淡忘，之后不得不重新开始学习。总之，学习css要多花时间做一些项目。或者自己找一些简单的网站首页做练习，比如找百度首页，你就花个半天仿照百度首页用css做出个效果来。以前小编也是这么做的，从简单的开始做，才会慢慢掌握。

找伙伴一起学

如果觉得一个人学太孤单，你可以加入一些自学QQ群一起钻研学习。和志同道德的小伙伴一起奋斗。也可以相互监督相互学习，同时分享学习经验。