【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 
刚接触CSS时也是和HTML一样，被一堆样式属性吓坏了，而且相比HTML，这种恐惧持续时间更长。因为HTML很快就发现其实只用一个div就能应付绝大多数页面了，但是CSS就感觉真的有好多属性和概念必须要记，即使是最低配也是要记不少东西，还有鬼兼容问题。
现在回头看，当初的困难也是被夸大了，CSS相比HTML确实要掌握的属性和概念更多了，但是也没有和HTML拉开特别大的距离。如果只是应付需求写一些只是视觉友好的页面，不谈SEO，HTML就知道一个div就行了，那CSS呢？CSS比HTML多一点，需要搞清楚3个概念：盒模型、浮动、定位。也就是只是比HTML多掌握2个而已。
有人会觉得明明还有那么多CSS属性要记，什么width\height\color\background-color\border...感觉特别多，但是真的写起页面来，尽管CSS文件一个不小心就是几百行，但是会发现高频率使用的属性就只有几个，而这几个属性基本都是围绕“盒模型、浮动、定位”服务的，用熟这几个属性绝大多数页面效果都可以做出来，而且兼容性适配性都很好，很多所谓的兼容问题，在搞清楚“盒模型、浮动、定位”三个概念后多数也是迎刃而解。当然如果深入研究，什么CSS3动画、什么flex布局、Grid布局，每一个看起来都挺复杂，实际确实也不简单，但是它们要达成的效果在多数情况下也是可以用"盒模型、浮动、定位"三剑客实现的，只是实现方式不同，也许实现相同效果方法会更简单一些，但是如果”三剑客“掌握的好，在日常业务中使用的区别也不大。
当然这不是鼓励人不接触新技术新方法，而是说CSS并没有乍看上去那么可怕，当然它也绝不像很多人以为的那么简单。
那"盒模型、浮动、定位"到底是什么呢？它们是如何作用于HTML，最终产生各种各样丰富多彩的页面的？
感觉不知不觉又是好多字，以后再慢慢说吧
来源：oschina
链接：https://my.oschina.net/710409599/blog/3146902