随笔分类 -  Html5/CSS3

Html5相关内容
html5开发之viewport使用
摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的... 阅读全文
posted @ 2015-10-12 08:49 Summers 阅读(455) 评论(0) 推荐(0)
websql的使用/phonegap操作数据库 sqlite
摘要：对websql的常用操作进行了一个封装，项目是基于phonegap的，不过phonegap默认已经集成了数据库操作的插件，所以无需再配置什么，直接用就可以了：/***数据库操作辅助类,定义对象、数据操作方法都在这里定义*/var dbname='mydb';var version='1.1';var... 阅读全文
posted @ 2015-03-10 15:10 Summers 阅读(1899) 评论(0) 推荐(1)
HTML5本地存储——Web SQL Database
摘要：在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。Web SQL Database我们经常在数据库中处理大量结构化数据，h... 阅读全文
posted @ 2015-03-10 11:08 Summers 阅读(288) 评论(0) 推荐(0)
手机web页面制作时的注意事项
摘要：一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最... 阅读全文
posted @ 2013-09-18 12:33 Summers 阅读(5370) 评论(0) 推荐(0)
实现像淘宝一样牛的语音搜索框
摘要：（以上两种写法均可以实现效果）1，placeholder是为了设置初始值，并且这个初始值的颜色为灰色，当input的内容变动时，这个值就消失，它的职责就是给人一种亲和力的指示，十分有爱。2，autofocus，顾名思义：自动聚焦，当进入当前页面时，这个input会自动获取焦点，而你可以在打开页面后直... 阅读全文
posted @ 2013-08-15 15:27 Summers 阅读(482) 评论(0) 推荐(0)
Cufon在渲染网页字体你不知道的事
摘要：清单 1. 无效的 font-family 字体指定 …… 因为在大部分的浏览器上，并不会安装有 Baroque Script 字体。因此在这些浏览器上系统会主动“忽略”掉代码中关于 font-family 的说明，转而使用缺省字体进行输出图 1. 设计者为网站所设计的公司简介效果图（部分） 最初的设计初衷想法。图 2. 在没有安装 Baroque Script 字体浏览器上的公司简介输出效果 结果却是不堪入目。清单 2. 通过 @font-face 引入外部字体…… @font-face { font-family: "Baroque Script";... 阅读全文
posted @ 2013-08-14 18:05 Summers 阅读(1613) 评论(0) 推荐(0)
HTML5十五大新特性
摘要：HTML5想必大家都很熟悉了。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。一起来看下：1.新的文档类型 (New Doctype)目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型： 1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2."http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">. 在HTML5中，上面那种声明方 阅读全文
posted @ 2013-05-30 10:27 Summers 阅读(16083) 评论(2) 推荐(0)
网页布局常用的一些命名规则和书写
摘要：用了一段CSS布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊! 在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用! 常用的CSS命名规则：一．文件命名规范全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css；二．常用类/ID命名规范页　眉：header . 阅读全文
posted @ 2013-05-30 10:08 Summers 阅读(1227) 评论(0) 推荐(1)
html5跨平台开发框架PhoneGap实战
摘要：如果把移动互联网比作新互联时代的骨骼，那么运行于移动平台之上的应用软件就好比血肉一样，是真正体现其价值的载体。 从概念上说，PhoneGap 是一款完全开源的跨平台移动应用开发框架。通过使用 PhoneGap 框架，开发人员可以采用传统的 Web 开发技术（HTML + CSS + JavaScript）来实现待开发应用的 UI 和程序逻辑。 开发的过程中，PhoneGap 框架提供了一系列的 API 供开发人员在 JavaScript 代码中调用；通过这些 API 调用，PhoneGap 程序就可以与相应移动平台的 SDK API 进行交互，以调用运行平台本地的功能在运行时，使用 Web . 阅读全文
posted @ 2013-05-29 22:51 Summers 阅读(5039) 评论(0) 推荐(0)