为了复用对于有些属性可以考虑使用内联选择器，对于公用选择器要考虑通用性。比如设置居中可以考虑使用inline-block+text-align、相对定位+（top、left、right、bottom）、使用伸缩盒子模型等等，如果把这些属性放在选择器的话会导致不灵活，建议抽象到最小单位。
1、对于display属性需要理解深入
2、对于相对定位（根据自身偏移,相对于自己的左边或者相对于自己的右边），上下左右如何计算深入理解
3、对于百分比适配，为什么有的标签显示不出来？
3.1、可能是此标签的父类没有设置，可以考虑设置固定的像素进行验证。
4、设置元素靠左或者靠右
4.1、display:flex; justify-content: flex-end;//这是设置靠右（注：这些属性需要放在父类）
4.2、display:block;text-align:right//这是设置靠右（注：这些属性需要放在父类）
5、对于table元素，
5.1、<tr> 标签定义 HTML 表格中的行。
5.2、tr 元素包含一个或多个 th 或 td 元素。(类似表格的列)
5.3、input标签的熟练使用，比如可以作为单选框可以作为提交按钮等等
https://www.runoob.com/try/try.php?filename=trycss_forms
5.4、select 、option标签的使用等等
6、a标签的targer的理解
7、四种情况将使得元素离开文档流：浮动float、绝对定位absolute、相对定位fixed、元素不显示display:none，这种情况不占文档流的空间，而普通元素的位置基于文档流。对于浮动元素的理解为谁使用了浮动，谁就需要需要使用三件套进行清除（选择器：：after{ context:"";clear:both;display:block;}）.可参考此链接：https://segmentfault.com/a/1190000013047380 ；其实浮动本身最初是进行环绕文字的类似于报纸布局，后面被延伸出设置靠左靠右的功能，本人建议使用定位进行靠左靠右配合calc。
8、IE常见问题
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 !Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px)
9.ie 6 不支持!important
9、对于浮动（inline-block 还有 flex)会导致浮动失效待研究