css这么玄学的东西，背后一定有其原理可以学习。w3c就是最好的网站，知识点要反复记忆，经典案例反复练习，才能达到标准的css水平。
css就是 选择器+ 属性。选择器有很多种，属性会更多。但是归根到底就是选择器+属性。属性里面分基础和中等，基础属性只需要记忆就好，但是高级属性则需要重点加强记忆。
css里面最重要的3个概念就是盒子模型，浮动，定位。盒子模型就是基础盒子，浮动和定位就是用来摆放盒子。
1基础模块：
基础模块主要有8个常用知识点，其中前6个都比较简单，边框和内外边距有需要注意的点，还会引入盒子模型的概念。
此外还有5 个html标签特殊使用方法： 图标，链接，列表 ，表单，表格，
1 宽度高度：
2 背景：background
3 文本：text
4 字体： font
5 轮廓： outline-style
6 透明度：opacity
7 边框。border简写：border-width border-style border border-color. border-radius
8 内边距外边距 单独的边：margin：auto，length，%，inherit
2 中级模块：
主要涉及元素布局，有4个非常重要的属性：显示display，position定位，溢出overflow，浮动float。display确定元素的分类，position确定了定位，溢出，浮动。此外，这个单元会有重点的案例需要学习。
3 css3
border， 阴影，2D转换，3D转化，过渡，动画，此外还有分页，多列用户界面等多个案例。需要会背会默写。
原文：https://www.cnblogs.com/hacker-caomei/p/15018670.html