如果是零基础的话，所花时间的话，网课方面普遍应该是在4个月左右的，这是网课的普遍时间把控，线上报班的学习需要费用比较低，时间短，效率高，疫情以后，网课的模式也越来越普及，线上培训班可以理解为：网络培训班，学习效果比较好，学习过程中有督促，学习效率较快，学习比较便捷。在学习之前，你得确定自身是否真的对UI感兴趣，而不是被UI设计的前景所迷惑，一时头脑发热就要去学，选择学习UI设计得具备以下几个特点，才能快速的学会，然后就业，特点有：热爱创造、热爱互联网、生活中的颜控、乐观向上、热爱生活、像素眼追细节、喜欢与人沟通，基础最起码是手绘基础，向PS、AI、CDR、Illustrator、Axure RP等设计软件则可慢慢摸索学习。资源也就是学习资源，学习资源则包括UI课程资源和师资资源，因为UI设计并不是精通设计软件就可，这只是基础，最重要的设计思维、理念以及能力的培养，所以需要一位专业UED设计的大神带你，帮你梳理知识体系及设计思维，UI设计按行业一般分为4种行业分别是移动端UI设计，PC端UI设计，游戏端UI设计，以及其它端UI设计。

二、CSS3中的弹性盒模型div{width: 200px;height: 200px;padding: 10px 20px 30px 40px;border-style:solid;border-color: red;border-width: 10px 20px 30px 40px;background-color: orange;}外扩的padding和borderdiv{width: 200px;height: 200px;padding: 10px 20px 30px 40px;border-style:solid;border-color: red;border-width: 10px 20px 30px 40px;background-color: orange;box-sizing:border-box;}此时盒子的padding、border是内减的box-sizing是IE9开始兼容的CSS3属性，智能手机手机中支持这个属性（过老的安卓版本除外）。这个属性在流式布局中非常有用，是神器！【阶段小测试】看下面的代码，判断两个盒子能否并排：div{width: 700px;height: 100px;margin: 100px auto;background-color: orange;}/*第一个盒子，CSS3的选择器*/div p:nth-child(1){float: left;width: 20%;height: 80px;background-color: pink;padding: 10px 20px 30px 40px;border: 1px solid red;margin-right: 10%;box-sizing:border-box; /*加上这个属性，表示20%的宽度，已经计算了padding和border。但是没有计算margin。所以这个盒子的真实占有宽度，就是20%+10% = 30%*/}div p:nth-child(2){float: left;width: 70%;height: 80px;background-color: green;}