发表于: 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盒子简单好用,但是多起来之后就没那么容易看清,所以用新的语义标签能让代码变得更容易读看,不仅是方便自己也是方便和自己工作相关的人员。
明日计划:中间会阅读之前几个任务的深度思考,发现真的很有用
评论