发表于: 2018-11-14 21:07:00

1 780


今日完成的事情:

1.完成任务四,完成深度思考的学习。47.104.248.130。

过程收获

1:CSS3的 transform属性,怎么才能让他同时执行多个不同动画(属性)效果,经师兄指导了解了这个知识点(收获4里应用)。div:hover{transform: rotate(360deg) scale(2,2) skew(10deg,5deg);} 中间用空格隔开,即可实现 旋转 缩放 扭曲 等同时执行多个效果。

2.position属性中相对定位和绝对定位的定义,以及比较重要的相对定位是可做绝对定位的参考,子绝父相,这样可以保证父亲没有脱标,儿子脱标在父亲的范围里面移动。

3.z-index,为定位元素分层,默认是0,数字越大的越靠上,浮动元素不能用。

4.任务四中容易遇到的问题,绝对定位盒子的居中,因为绝对定位盒子已经脱离文档流了,所以用left:50% 加上transform: translate(-50%, -50%);就可以居中。还可以left:50%; margin-left:负的宽度的一半。

5.input标签中的众多知识点。

在写button的时候了解到text-decoration属性,即是文本修饰属性,任务四的“忘记密码”下的横线就用这个属性。

                                       cursor 属性,鼠标放在某一元素上时光标的形状,还挺多的。

6.了解HTML结构的语义化,就是让代码更形象,写得更好看看的更轻松,虽然div盒子简单好用,但是多起来之后就没那么容易看清,所以用新的语义标签能让代码变得更容易读看,不仅是方便自己也是方便和自己工作相关的人员。

明日计划:中间会阅读之前几个任务的深度思考,发现真的很有用


返回列表 返回列表
评论

    分享到