HTML5
辰小小
微博:CRR_Claire
展开
-
【HTML5移动开发学习笔记】05-CH8-CSS与CSS3内容详解
CSS定义与语法,CSS选择器,CSS3选择器,CSS颜色值,度量单位,模块,模型与图形。盒模型,CSS渐变,阴影。原创 2019-04-26 21:13:37 · 254 阅读 · 0 评论 -
【HTML5移动开发学习笔记】06-CH10-CSS3变换,渐变和动画
transformtransitiontranslate原创 2019-04-26 21:49:00 · 268 阅读 · 0 评论 -
【HTML5移动开发学习笔记】07-CH11-响应式Web的CSS特性
媒体查询,断点,流失布局@media:媒体查询断点breakpoint:就是你想改变浏览器的大小,并决定需要一种新布局,改变布局的宽度就成为断点。例如320,480,640,960多栏CSS columns属性:创建多个栏,像报纸文本一样布局。columns属性是column-count,columns-width的简写columns-rule类似于border,其属性有column...原创 2019-04-26 22:24:59 · 236 阅读 · 0 评论 -
【HTML5移动开发学习笔记】01-CH1-CH3-HTML5新元素
经历之前春招的视频面环节,我深知自己在编码方面的不足,决定放弃WebStorm作为日常练习的编码器,选择sublime text作为练习代码的编辑器。CH2元素在HTML5中,内联元素和块级元素变为区段元素,标题元素,短语元素,嵌入式元素,流元素,元元素以及交互式元素。使用元素时,要基于语义去选择。属性所有元素都有属性,属性是典型的键值对,布尔属性的值是可选的(checked,read...原创 2019-04-22 21:16:24 · 7035 阅读 · 1 评论 -
【HTML5移动开发学习笔记】02-CH4-HTML5 Web表单
引入HTML5表单提高了可用性,降低了对JavaScript验证的依赖性。input1,type属性-唯一必需输入属性默认type="text"使用html5,type属性有23种可能的值,如果不支持一个新输入,默认就是text2,required属性-标记一个表单字段是必须的支持required属性的浏览器也支持:required和:invalid伪类,可以通过视觉提醒。为了提高...原创 2019-04-23 20:29:12 · 4574 阅读 · 0 评论 -
【HTML5移动开发学习笔记】03-CH5-Canvas,Video,Audio
H5媒体API1.SVG-可伸缩矢量图形针对形状,直线,曲线,图像,文本定义了XML语法,包括透明度,角度,几何形状,滤镜效果,脚本和动画等特性。基于文本的图像格式,文件很小。基于XML,根元素为<svg>,使用XML绘制。例如以下的SVG:<!DOCTYPE svg PUBLIC ""> <!-- DTD文档声明 --><svg xmln...原创 2019-04-23 21:29:09 · 325 阅读 · 0 评论 -
【HTML5移动开发学习笔记】08-CH12-CH13-CH14-设计移动应用程序+移动性能
CH12开始前考虑的事项1,整体受众,以此设计用户界面的外观,感觉,功能和流程。2,无论设备是什么,Web应用程序或站点都应该简洁,可理解,相关(重要信息放在屏幕顶部)。3,五类移动应用程序:有趣或严肃的生产率应用程序,有趣或严肃的沉浸类应用程序,以及实用的应用程序生产率应用程序,常用来完成重要的任务,比如阅读,撰写和分类电子邮件。倾向于以分层的方式组织信息,使用多种视图,用户界面简介...原创 2019-04-28 15:34:01 · 305 阅读 · 0 评论 -
【HTML5移动开发学习笔记】04-CH6-离线WebAPI+ARIA+地理API
离线Web应用localStorage,sessionStorageAPI,离线应用缓存API,连接事件,状态,indexDB。1,是否连接上网采用navigator对象的onLine属性。var isOnline = navigator.onLine;返回true或false,true代表用户是在企业内网的而不一定意味着用户必然能访问互联网。2,应用缓存AppCache-指定哪些...原创 2019-04-25 17:12:00 · 287 阅读 · 0 评论