[外门弟子]CSS-1|2020年06月23日的日报-技能树.IT修真院

发表于： 2020-06-23 22:03:10

0 1281

这四五天都忙着干活写的时间就少了都是断断续续的写日报也不多

今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1.完成任务7页面的书写

感觉越来越难了任务做的很慢

明天计划的事情：（一定要写非常细致的内容）

1.明天不去卸货的话就总结一下任务七

后面能学下去得话再看看任务八

遇到的问题：（遇到什么困难，怎么解决的）

1.按钮底部区域和按钮元素全部虚化，设置了两个透明调节

2.按钮区域没有浮动到信息页面上不能查看虚化效果，最后一个div加上底部间距

收获：（通过今天的学习，学到了什么知识）

1.bootstrap文件的引入大概了解下这个样式表一样的玩意

2.音频处理

<audio class="headlogobf"  controls="controls"
               autoplay="autoplay" src="../img/财富自由.mp3">
        </audio>
    </div>
</div>
<!--<audio> 标签定义声音，比如音乐或其他音频流。
 controls 属性是一个布尔属性。如果属性存在，它指定音频控件的显示方式。
音视频控件包括：播放  暂停 进度条 音量
audio 如果出现该属性，则音频在就绪后马上播放。-->

3.透明化两者方式 ragb opacity

4.点击动画 hover

这个耽误我好久完全不知道怎么写蒙圈在这里差点崩了

.maidivbox1kuai:hover .hoverbox{
    display: flex;
    justify-content: space-around;
    flex-flow: row-reverse ;
    margin: 2vw 0;
}
/*:hover在鼠标移到链接上时添加的特殊样式。不同样式的链接样式：*/
/*.ex5:hover, .ex5:active {text-decoration:underline;}*/
/*space-between：两端对齐，项目之间的间隔都相等。
flex-flow 属性用于设置或检索弹性盒模型对象的子元素排列方式。 row nowrap默认值 也就是正常排列
reverse 相反顺序显示*/