当前分类

HTML5教程

HTML5教程

移动设备HTML5页面布局

在HTML5标准添加的新元素中,用于常见页面结 构的包括header footer footer nav aside aside article section hgroup 。下面简单介绍一下这个元

HTML5教程

HTML5规范的本地存储

在HTML5 中定义了两种本地存储的,Web Storage 和本地数据库 SQL Database . 用来检查判断浏览器是否支持 Web Storage if(window.localStorag

HTML5教程

html5 新特性

1.querySelector 返回文档中匹配指定css选择器的一个元素. 注意:uerySelector() 方法仅仅返回匹配指定选择器的第一个元素 如果你需要返回所有的元素,请使用 querySe

HTML5教程

SVG 使用

SVG即Scalable Vector Graphics可缩放矢量图形,使用XML格式定义图形, 主要优势在于可缩放的同时不会影响图片的质量。 SVG 在html 中常用的方法 1.使用<img

HTML5教程

html+css实现自定义图片上传按钮

普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮:思路为:用定位将自定义的按钮遮住原来的选择文件按钮,再让点击自定义按钮时触发原来的选择文件按钮的事件即可(对此,label可实现)eg:html:css样式:结果图:点击“选择图片”按...

HTML5教程

html5-FileReader实现上传图片实时预览

普通的文件上传只能看到它的文件名,而如果要实现选择某一张图片则可以利用html5的FileReader完成下面是实现步骤:html:这里是上传图片的内容,onchange="getFile()"为选择文件后的转换函数,后面会提及上传图片的按钮我这里是自定义的,做法在另一篇...

HTML5教程

[webkit移动开发笔记]之使用chrome进行手机开发

Chrome浏览器,相信大家并不陌生,该浏览器是基于其他开放原始码软件所撰写,包括WebKit和Mozilla,以其简单、快速、安全、稳定、扩展丰富等特性受到了不少人的喜爱,2012年8月6日,Chrome已达全球份额的34%,成使用

HTML5教程

[webkit移动开发笔记]之CSS3径向渐变

谈到渐变,大家并不陌生,设计稿中经常会遇到,其中最常见的也最平凡使用的是线性渐变和径向渐变,在pc端开发,很多大型网站都需要考虑所有浏览器的兼容,通常如渐变的按钮或者背景图一般会被重构师们切成图片,而在

HTML5教程

CSS 与 HTML5 响应式图片

关于响应式的,近来国内外也不断提到,还是目前比较流行的技术话题,这篇文章来至淘宝UED的,讲得是响应式图片,写得很不错。

HTML5教程

[webkit移动开发笔记]之禁止触发系统默认菜单

在手机webkit浏览器中,用户在某一些按钮上长按3秒钟后,会弹出一个系统的列表,ios和android各自展现不一样,列表可以有复制或在在新窗口打开的等操作,这种体验对于按钮来说是不需要的,按钮上是绑定事件,有特殊功

HTML5教程

PNG的使用技巧

Png是图像文件存储格式,在网页设计中已经不是一个陌生的名词,在前端开发中经常使用到它,如常用CSS雪碧图。而Png的使用不仅仅如此,Png有多少种格式,有哪些特点,PC端中常用的Png格式是哪些,手机端最合适的Png格

HTML5教程

ZenCoding中常用的CSS3样式

用ZenCoding这么久了,总结下常用CSS3的写法,方便以后查找: <tablestyle=\"width:556px;height:330px;\"border=\"0\"cellspacing=\"0\"cellpadding=\"0\"><colw

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部