发表于： 2017-03-31 22:25:28
1 693
今天完成的事情：
1、完成了任务8的页面3，调整了其他页面的导航栏使得下拉正常，不会挡住下面的内容。
2、学会了text-indent属性，使得段落的首行缩进。
3、学习了transition（过渡）。
语法使用：transition: property duration timing-function delay;
值 描述 transition-property 指定CSS属性的name，transition效果（默认为所有属性都将获得过过渡属性，也可以单独设置某一个属性，或者用none表示没有属性获得过渡效果） transition-duration transition效果需要指定多少秒或毫秒才能完成（必须要有，因为默认为0，不设置的话没有效果） transition-timing-function 指定transition效果的转速曲线（不同的曲线，过渡的效果略有差别，变化速度不同。） transition-delay 定义transition效果开始的时候（） 4、了解了display：table方面的知识，但是还没有在实际运用。
5、学会了如何利用list-style-type对<li>前面的小圆点进行控制。
明天计划的事情：
1、提交任务8并总结思考。
2、开始任务9的相关查询，对页面中需要的地方使用媒体查询。
3、学习下html5和css3的新属性。
遇到的问题：
1、开始的时候导航栏的下拉菜单会把下面的内容遮盖住，后来发现原来是包裹导航栏的块级元素设置了高度导致了这种情况出现。只要不设置高度，下拉菜单就会把下面的内容顶下去。
收获：
1、过渡属性transition可以在一定的时间内实现元素的状态过渡为最终状态，用于模拟一种过渡动画效果，但是功能有限，只能用于制作简单的动画效果；而动画属性 animation 可以制作类似Flash动画，通过关键帧控制动画的每一步，控制更为精确，从而可以制作更为复杂的动画。
返回列表
评论