发表于： 2020-03-26 06:28:46
1 1334
今天完成的事情：修改任务6，完成任务7，查看如何实现响应式导航。
明天计划的事情：完成任务8和9，开始任务10。
遇到的问题：响应式导航栏实现。select中option样式无法修改。
收获：
1、多媒体。
音频audio，格式：<audio src= "..." autoplay= "autoplay" controls="true" loop="2"></audio>
autoplay：控制网页加载时是否自动播放
controls：是否显示播放控件，默认为不显示
loop：用于控制循环次数
视频video，格式：<video src="路径" controls autoplay width="..." height="..." ></video>
autoplay：控制网页加载时是否自动播放
controls：是否显示播放控件，默认为不显示
loop：用于控制循环次数
width：设置播放窗口宽度
height：设置播放窗口高度
2、display：none和visibility：hidden
两者都可以使元素不可见，区别在于设置了display：none的元素不再占据原先的文档流。而设置了visibility：hidden的元素依然占据原先的文档流。
3、半透明
半透明的设置方法有rgba和opacity两种，区别在于使用rgba属性设置的半透明不会继承给他的子孙元素。而采用opacity属性设置的半透明会继承给他的子孙元素。
返回列表
评论