发表于： 2019-10-22 20:28:23
1 1077
今天完成的事情：
完成任务7，能够穿插选择不同布局方式完成布局目的。
Flex的flex-wrap属性设置为wrap后，能够在一条轴线上根据条件换行。设置每个元素的宽度，当同轴线所需宽度超过父元素设定值时，可以进行自动换行。适合自适应布局。
透明属性
Rgba（）的作用对象是元素的背景颜色或元素的颜色，其对象的子元素不能够继承它的透明度；
opacity的作用对象是元素，以及元素的所有内容，并且其子元素能够继承它的透明度。
页面二
页面二相对页面1和页面3更复杂一点。
用CSS完成X号，其中运用了伪类after完成。
音频插入
百度过后大多都是选择用JS切换插入音频模块的样式。单纯靠CSS难以实现。
最后选择插入音频后，将模块设置opacity值进行覆盖隐藏。
页面自适应，hover效果设置与前几个任务相同。
此处增加了一个雪碧图百分比放大定位，实现雪碧图的自适应。
明天计划的事情：
明天开始任务八，任务八有涉及bootstrap内容，明天熟悉一下bootstrap，重点在导航栏、轮播图、栅格系统。
遇到的问题：
无
收获：
在不同场景下尝试了flex布局，而且3个页面混合布局，有用了前几个任务的布局方法，也有同一种布局和之前任务选择不同的布局方式。
总体对自适应布局方式交错选择更熟悉。
返回列表
评论