第三周

本周周报

本周学习知识点

第三周

这一周实际操作与练习比较多

第一天:

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。

学习心得

第一天:界面练了几个之后,一种套路就形成了,现在写界面,标签和布局清晰很多。

第二天:不要原封不动的接受别人的东西,那是别人的,要有所创新。照着老师的企鹅画企鹅多没劲啊。

第三天:内容很多且都是比较重要的东西,都是在听,练习太少,得再练。。。

第四天和第五天:作为组长团队分工合作时,大致分了一下每个人的任务,统一每个人定了宽高,叮嘱大家不要删边框。

遗漏掉一点,图片路径的设置没有提前说好,导致我合成文件的时候,差不多用了一上午时间改路径,一个教训吧,记住了

下次合作效率会更高。

你可能感兴趣的:(第三周)