首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
移动前端 HTML5 head
】的更多相关文章
LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android
LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android jincon 发表于 2015-02-26 18:31:01 发表在: php开发 localresizeimg-概述 通常压缩图片需要上传到后端,由后端处理. 但是如果要上传的图片很大,特别是手机当场拍摄下来的照片(约2M+),那样效率会很低,用户也不会愿意等待. 现在能够由前端本地压缩的话,效率将会极大的提升. 这个玩意很强大的地方就在于他可以在HTML5 前端压缩 ,大大加快了上传速度,以及节约…
【Web前端HTML5&CSS3】03-字符实体与语义标签
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 字符实体与语义标签 1. 字符实体 2. meta标签 3. 语义标签 4. 块元素与行内元素 块元素(block element) 行内元素(inline element) 5. 内容修正 6. 布局标签 7. 列表 8. 超链接 外部地址 内部地址 新建页面 锚点跳转 9. 图片 图片格式 jpeg(jpg) gif png webp base64 10. 内联格式 11. 音视频 音频 source embed…
【Web前端HTML5&CSS3】05-样式继承与其他概念
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 样式继承与其他概念 1. 继承 2. 选择器的权重 3. 长度单位 像素 屏幕分辨率 图像分辨率 百分比 em rem 4. 颜色单位 RGB值 RGBA 十六进制的RGB值 样式继承与其他概念 1. 继承 样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上 继承是发生在祖先后后代之间的,继承的设计是为了方便我们的开发 利用继承,我们可以将一些通用的样式,统一设置到共同的祖先元素上.这样只需设置一次即…
【Web前端HTML5&CSS3】06-盒模型
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 盒模型 1. 文档流(normalflow) 2. 块元素 3. 行内元素 4. 盒子模型 盒模型.盒子模型.框模型(box model) 内容区(content) 边框(border) 内边距(padding) 外边距(margin) 5. 水平方向布局 6. 垂直方向布局 元素溢出 边距折叠 兄弟元素 父子元素 脱离文档流 7. 行内元素的盒模型 8. 浏览器的默认样式 reset样式 normalize样式 盒…
【Web前端HTML5&CSS3】08-盒模型补充
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 盒模型补充及田径场实战 1. 盒子大小 2. 轮廓 3. 阴影 4. 圆角 圆 椭圆 盒模型补充及田径场实战 1. 盒子大小 默认情况下,盒子可见框的大小由内容区.内边距和边框共同决定 box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用) .box { width: 200px; height: 200px; background-color: yellow; border: 10px…
【Web前端HTML5&CSS3】11-定位
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 定位的简介 1. 相对定位 偏移量(offset) 相对定位的特点 2. 绝对定位 绝对定位的特点 包含块(containing block) 水平方向的布局 水平居中 垂直方向的布局 垂直居中 水平垂直居中 小结 3. 固定定位 固定定位的特点 4. 粘滞定位 粘滞定位的特点 5. 几种定位的对比 6. 补充:元素层级 存疑问题 7. 总结 8. 练习:京东轮播图 定位的简介 需求分析 按照我们之前所学知识,可以怎…
【Web前端HTML5&CSS3】12-字体
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 字体 1. 字体相关的样式 2. font-family 3. 几种字体 手写体 艺术体 乱码字体 中文字体 4. @font-face 5. 图标字体(iconfont) 图标字体简介 fontawesome 图标字体其他使用方式 通过伪元素设置 通过实体设置 iconfont 字体 1. 字体相关的样式 我们前面讲过字体的两个属性 color用来设置字体颜色 font-size字体的大小 em 相当于当前元素的一…
移动前端 HTML5 head
移动前端不得不了解的HTML5 head 头标签(2016最新版) 发表于 2016年10月20日 by 愚人码头 被浏览 875 次 小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发的每一个技术干货.各大应用市场搜索「掘金」即可下载APP,技术干货尽在掌握.. HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端…
前端 | HTML5基础知识
1 HTML定义 HTML(英文Hyper Text Markup Language的缩写)中文译为"超文本标签语言",主要是通过HTML标签对网页中的文本.图片.声音等内容进行描述. <strong> 加粗字体 </strong> 2 HTML的骨架格式 <HTML> <head> <title></title> </head> <body> </body> </HTML…
前端HTML5几种存储方式的总结
接下来要好好总结一些知识,秋招来啦...虽然有好多知识都不大会,但是还是要努力一下,运气这种东西,谁知道呢~ 总体情况 h5之前,存储主要是用cookies.cookies缺点有在请求头上带着数据,大小是4k之内.主Domain污染. 主要应用:购物车.客户登录 对于IE浏览器有UserData,大小是64k,只有IE浏览器支持. 目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏览器 1.本地存储localstorage 存储方式: 以键值对(Key-V…