发表于: 2019-11-12 12:50:29
1 805
今天完成的事
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 的新知识
评论