前面的Step进展的速度比较慢是因为我认为基础的东西一定要清晰，否则以后开发程序只能是copy着做，并不理解它的架构，出了问题更是无从查起。从Step11开始我准备加快速度，在完成整个Tutorial之后再进行回顾和复盘。
Step11 Pages and Panels
增加了pages和Panels两个控件，这里需要记住的一点就是控件下的
学习过程当中，想用好每一个控件最好的途径就是参考SAP的标准API文档，在这里查找每一个API的属性和方法，不断的尝试。
Panel 控件用于为其他控件提供可识别的分组，在它内部的控件很多时，它可以有滚动条。另外可以对这个窗体进行轮廓的属性设置。
Step12 Shell Control as Container
Shell 从字面意思可以理解为‘壳，外形’，它可以做为app的一个root元素，它可以用来自动调节以适应不同设备屏幕的显示。如下图，在屏幕比较宽时两边可以出现一定宽度的条幅。
Step13 Margins and Paddings
Margins 边距
Paddings内边距
这里用sapUiResponsiveMargin给panel的周转加了一些空间，这里的Margin也会自动适应不同的屏幕。
用sapUiSmallMarginEnd给按钮和输入控件中间加入了一些边距。sapUiSmallMargin对最后一个控件进行了边距控制
Step14 Custom CSS and Theme Color
用SAPUI5生成的HTML和CSS并不是Public API的一部分，每次升级都需要好好的把控件再测试一遍，而custom style不需要，这次就自定义了一个css文件来控件页面显示。
在要目录下新建一个css文件夹，新建一个style.css文件
这里的语法暂时不做深究了
同样需要在manifest.json文件里中入这个css文件，也可以通过descrptor editor来进行编辑
修改view
完整的css和Theme参数可以参考标准文档https://sapui5.hana.ondemand.com/sdk/#docs/guide/ea08f53503da42c19afd342f4b0c9ec7.html
