摘要: Web存储使用详解(本地存储、会话存储)1,Web存储介绍HTML5的Web存储功能是让网页在用户计算机上保存一些信息。Web存储又分为两种:(1)本地存储,对应 localStorage 对象。用于长期保存网站的数据,并且站内任何页面都可以访问该数据。(2)会话存储,对应 sessionStora 阅读全文
posted @ 2016-09-12 16:56 神来钥匙-陈诗友 阅读(1504) 评论(0) 推荐(0)
摘要: 1,使用伪类实现样式切换伪类是CSS2.1时出现的新特性,让许多原本需要JavaScript才能做出来的效果使用CSS就能实现。比如实现下面的鼠标悬停效果,只要为:hover伪类应用一组新样式即可。当访客鼠标移动到按钮上面时,浏览器会自动为按钮应用这新样式。12<style>.slickButton 阅读全文
posted @ 2016-09-12 16:41 神来钥匙-陈诗友 阅读(48378) 评论(0) 推荐(0)
摘要: CSS3 --添加阴影(盒子阴影、文本阴影的使用) 阅读全文
posted @ 2016-09-12 16:35 神来钥匙-陈诗友 阅读(14632) 评论(0) 推荐(0)
摘要: 1.url: <input type="url"/> 2.搜索框 :search <input type="search"/> 3.电话号码输入框:tel <input type="tel"/> 4.数值输入框:number <input type="number" step="0.1" min=" 阅读全文
posted @ 2016-09-12 15:04 神来钥匙-陈诗友 阅读(281) 评论(0) 推荐(0)
摘要: HTML5 - 新增的元素,删除的元素 阅读全文
posted @ 2016-09-12 14:50 神来钥匙-陈诗友 阅读(332) 评论(0) 推荐(0)
摘要: 如果需要一个用来填写电子邮件地址的输入框,可以使用email类型。这样浏览器可以帮我们验证格式是否正确,而不需要自己写验证规则。原文:HTML5新控件 - email类型输入框(电子邮件地址)1,只允许输入单个邮件地址1<input type="email"/>2,允许输入多个邮件地址(用逗号分隔) 阅读全文
posted @ 2016-09-12 12:58 神来钥匙-陈诗友 阅读(3305) 评论(0) 推荐(0)
摘要: 1,required属性 - 表示字段不能为空(注意:只有用户单击“提交”按钮提交表单的时候,浏览器才会执行验证。目前HTML5不支持指定验证的时间,而且验证消息的样式和内容各个浏览器不大一样,不能修改。)原文:HTML5 - 表单客户端验证 <form action="#"> <input typ 阅读全文
posted @ 2016-09-12 12:45 神来钥匙-陈诗友 阅读(21609) 评论(2) 推荐(4)
摘要: 当需要引用其他人的内容,或者想要重点标注一段文本时可以使用<mark>元素。这样浏览器会给<mark>中的文本添加黄色背景。效果图如下:原文:HTML5 - 使用<mark>标注高亮突显文本欢迎访问:<mark>hangge.com</mark> 阅读全文
posted @ 2016-09-12 12:29 神来钥匙-陈诗友 阅读(490) 评论(0) 推荐(0)
摘要: HTML5最主要的特点是添加了许多新的语义元素(虽然其本质还是div)。通过使用这些语义元素,可以为网页创建清晰,有逻辑的结构。下面对页面结构相关的元素做个总结。1,<article>表示一篇任何形式的文章,类似新闻报道、论坛帖子、博客文章(不包括评论或者作者简介)等能够独立的内容区块。<artil 阅读全文
posted @ 2016-09-12 12:15 神来钥匙-陈诗友 阅读(221) 评论(0) 推荐(0)