十一月七日学习心得

今天上午主要学习了CSS居中对齐的方式和CSS3的边框与动画制作。

1.margin设置区块元素水平居中
2.position属性设置元素的左右对齐
3.float属性设置左右对齐
4.padding属性设置水平垂直居中
5.line-height属性设置水平垂直居中
6.绝对定位和transform属性设置水平垂直居中
1.圆角边框 
2.边框阴影 
3.渐变动画 
4.Animation动画 

最后的实践阶段,我们还稍微引入了一点JS的内容。
CSS的剧种对齐主要讲了margin,position,float,padding,line-height和“绝对定位与transform调整水平居中”。这几种垂直居中与水平居中都有各自的使用环境,需要我们在平时使用时多加注意,以免发生报错。
CSS3的边框与动画效果,可以让我们设计出来的页面显得更加的生动,并且加大了学习的乐趣。边框与动画的效果我们可以按照自己的意愿去设计。
这上面的内容需要我们课后多做练习,做到熟能生巧,才能在以后的工作中信手拈来。
最后一节课制作的侧边框的移动使用到了即将学习的JS内容,看上去略显深奥,还需要等后期课程的学习,慢慢领悟。
下午的练习也让我对新学的知识有了更深的认识。以后还需要多加练习来巩固今天的学习内容。

你可能感兴趣的:(十一月七日学习心得)