发表于: 2018-04-28 23:59:05
1 435
今天完成的事情:根据师兄任务审核建议,修改任务6代码,最终通过审核。
学习了解css中可以继承和不可继承的属性,学习了解audio,学习了解input range,html5 web存储。
制作任务7第一张图。
明天计划的事情:制作任务7第二张第三张图,学习了解css半透明效果。
遇到的问题:暂无
收获:
无法继承的属性:display,文本属性:vertical-align,text-decoration,text-shadow,white-space, 等,盒子模型属性:width,height,margin,padding,border,。背景属性:background,定位属 性:float,position。轮廓样式:outline,页面样式,声音样式。
可以继承的属性:font,font-family,font-weight,font-size,font-style, text-indent,text-align, 元素可见性,表格布局,
audio标签,<audio> 标签定义声音,比如音乐或其他音频流。<audio src="someaudio.wav"> 您的浏 览器不支持 audio 标签。 </audio>
Input Range 对象 Input Range 对象是 HTML5 中的新对象。 Input Range 对象表示 HTML <input type="range"> 元素。
可以通过使用 getElementById() 来访问 <input type="range"> 元素: var x = document.getElementById("myRange");
可以通过使用 document.createElement() 方法来创建 <input type="range"> 元素: var x = document.createElement("INPUT"); x.setAttribute("type", "range");
html5 web存储,1:local storage,没有时间限制的数据存储,<script type="text/javascript"> localStorage.lastname="Smith"; document.write(localStorage.lastname); </script>第二天、第二周或下一年之后,数据依然可用,关闭页面再开继续计数,
2sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除,如<script type="text/javascript"> sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname); </script>
评论