发表于: 2019-10-31 16:38:18

1 864


今天完成的事

          

          1  任务6的深度思考

          2   任务6遇到的困难  以及如何解决的

          3   H5的学习

          4   css的鼠标事件

        

       1.1     深度思考

                   1.去除inline-block间距有哪几种方法? 

                               1   可以用移除空格

                               2   可以用magin负值

                              3   可以用   font-size:0

                               够了  知道几个就行了     不移动能记住

                     2.css有哪些属性可以继承?  

                         1   字体系列的    大小    粗细   风格   系列  

                         2    文本锡类        缩进   对齐  行高     间距  方向  文本颜色


          2.1   任务流遇到的问题

                         

                      这个下拉框 讨厌死了  , 里面的内容不能居中  害的我  百度   查了一天有没消息  ,没有解决的方法。 最后只要原因了   这个是 浏览器的问                        题

                     这个下拉框 对象是封死的   js

                     解决最后没年没办法只能  用了     bootstrap的下啦菜单


        3.1   H5的学习

                    介绍: HTML5 是 HTML的升级版  增加了很多属性   新的标签  

                     新特性: 

                           绘画  canvas 元素             媒体回放video        音频  audio 

                           离线本地   存储                  

                           新增的   特殊 内容元素    artcle   footer    header   nav  section

                            新的 表单控件      calendar   date   time   email  url    search   灯

                          浏览器的支持        最新版的   谷歌   火狐  O鹏   safari   都行

             h5的新标签学习

                         视频    标签是 

              <video src="movie.ogg" controls="controls"> </video>

                 <video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

                     支持的格式有      ogg    mp4   webm 三种 

                   一些标签属性的介绍

                   autoplay    马上播放

                   controls       显示控件按钮

                   height         视频播放器的高度

                   loop              循环播放

                   src             播放地址

                   widrth           视频的无暗度

                   代码都在这里    可以看

                效果图

                         

             视频标签

    

              <audio src="song.ogg" controls="controls">
</audio>

                    

                        属性和上面一样


               拖放

                           看上去挺难得的  不好些 实际操作一遍就行   改改样式  无宽度 告诉就行

     

                   效果

                              


           画布

                      看不懂 以后再说 吧】

          SVG 

                     看不懂干嘛的以后再活吧    跟图片是的的


          地理定位

                    看不懂名在 浏览器上   体现不出来


         h5 储存  有两种  一中是  临时的一中是永久的

                    localstage

                    sesionstrage

                    使用

                      上传

                localStorage.lastname="clickcounk";

            在这里能看到                  

                       


                                    H5看完了  不太会用啊



    4.1   css鼠标事件的学习

                 学习目标  就是    鼠标  hover 那个  那个显示影藏   或者   另一个显示影藏

                 需求:  当鼠标 移动到一个a元素上  是  另一个元素  b 显示 


          实现原理

                      A元素 和 B元素 有一个 相同的 父级    

                      b 默认隐藏   a默认 显示

                      废话不多说  上代码

                         

                       

      总结一句话  就是  

                 父子关系 写法      class父:hover   class子{隐藏}

                  兄弟关系 写法      class兄:hover +class弟{隐藏}    或者反之

                   

                   

   

明天计划的事

           1    完成任务7   

           2    学习深度思考

           3     学习任务8 的新知识



返回列表 返回列表
评论

    分享到