学会CSS属性不再难！盒模型、布局一网打尽

认识 CSS 属性

你们知道啥叫CSS吗？其实简单来说就是我们平时讲的”层叠样式表”，这个东西就是专门给网页整容和搞排版用的。初学的人可能会头晕眼花，因为里面有各种属性，比如字号、字体、边线、间距、布局、定位什么的。别怕，只要你找到方法，迟早能搞定的！

不要急于记忆

初学者学CSS别急着全记下来，死记硬背没啥用，马上就忘了！怎么办嘞？就像学英文那样子，急不得，得多试试看，多练练，慢慢地就知道每个属性怎么用了。比如说，想要弄网页排版，首先得掌握好字体和文字；然后，若想好好布置下页面布局的话，又得多注意盒模型和相关的布做出调整。

结合实践记忆

学CSS属性？直接动手试一试！多做练习，自然就能熟悉它们了。比如说，想搞定布局的话，关键就在于了解盒模型的几个属性。其实就是把页面的元素想象成一个个小盒子，往里面塞各种东西如外边距、边框、内边距、宽度和高度等。动手画画简图或者实际操练一下，效果不错！

规律性命名记忆

CSS里的属性名字跟咱们给小孩起名似的，简单明了。知道这个属性怎么用，看着名字就清楚！比如做网页设计，”Margin（外边距）”、”Padding（内边距）”、”Border（边框）”，对这几个词肯定不陌生？没错，这就是它们所代表的主要作用记住这些，以后用CSS或者弄网站就容易多了~

深入了解盒模型

你们知道吗？ CSS 里面的那个叫盒子模型的东西，就是教我们怎么把网页上的东西摆得更顺眼。有几点特别重要，比如外面要留的距离、要加的边框和内部空白、还有宽度高有多宽多长等等。学会了这一招，你以后设计网页就不怕了！

外边距与内边距

外边距，就是说要有空儿离周边远点儿，找margin-top啊、margin-right啊、margin-bottom啊啥都行，尺寸随你定。那什么，内边距，就是要和元素自身有点间隙，也是用padding-top啊、padding-right啊、padding-bottom啊、padding-left尺寸大小也随便

深入了解边框属性

搞定CSS就得玩儿好那三条命令—— border-width、border-color和border-style，轻松改变边框样式。要改上边的、左边的还是四周围的？随你高兴！

推荐学习资源

别只顾着动手，多看看书或者网上找些资料学习下！比如说那个《web前端》挺好的，介绍了好多前端的常识跟关键技巧，特适合新人入门。

学学 CSS 要耐心，多练练手，用实战来检验所学。想摸清 CSS 的套路，得认认真真试试各种方法，搞清楚每个属性的功能才能游刃有余！这样以后遇到大事儿也不怕！