第三周
本周周报
本周学习知识点
第三周
这一周实际操作与练习比较多
第一天:
1.京东界面项目讲解与练习
2.理论部分:计算机编译原理,px.em之间的转换,换行问题
第二天:
开始学习css3
1.css3的历史和新特性
2.简要介绍浏览器与手机移动端的兼容问题
3.在学过的选择器基础上新学习加一个后面所有兄弟选择器
4.属性选择器,儿子序选择器,
5.五种伪类:focus鼠标点上去就会获取焦点,not选相反的字符,only-child选父元素中只有一个孩子的,empty选中,checked选择单选复选
6.伪元素 hover before after的用法
7.圆角边框的用法,盒子文字阴影,用圆角边框写出戴花围巾的企鹅
8.background的一系列属性
第三天:
1.2D变形
旋转变形 transform:rotate( 45deg)
缩放变形 transform:scale(1,1)
斜切边形transform:skew( 45deg,3odeg)
2.3D变形的介绍:div是舞台,perspective是景深,演员和变形。
3.旋转
4.空间移动
5.过渡 transition:all 1s ease 0s
每个知识点都有结合相关案例去讲
第四天和第五天,都是在做京东项目
团队完整做出京东的页面
1.周末打算把从UI班找来的图,做个项目当练习。
2.去慕课补ccs3。
学习心得
第一天:界面练了几个之后,一种套路就形成了,现在写界面,标签和布局清晰很多。
第二天:不要原封不动的接受别人的东西,那是别人的,要有所创新。照着老师的企鹅画企鹅多没劲啊。
第三天:内容很多且都是比较重要的东西,都是在听,练习太少,得再练。。。
第四天和第五天:作为组长团队分工合作时,大致分了一下每个人的任务,统一每个人定了宽高,叮嘱大家不要删边框。
遗漏掉一点,图片路径的设置没有提前说好,导致我合成文件的时候,差不多用了一上午时间改路径,一个教训吧,记住了
下次合作效率会更高。