使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:
其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。 HTML, 从HTML文档的开始到结束排列: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 <meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)
jQuery Mobile 这个JS 的库用起来很方便。也是最适合搞前端的人用的 WebApp JS库了。 不过其默认主题的 CSS 让人头疼了。不过官方提供的主题定制工具也就只能定制一下基本的样子了。想要其他效果就得自己清理 CSS 后重新编写了。 我做清理了个简单版的主题 CSS 文件，并提供下载。方便自己已经有兴趣的人做个性化定制用的。 这个 样式表里面只包含 jQuery Mobile 的基本样式，是一个没有包含主题颜色和图片定义的 CSS 文件。方便自己定制 jQuery Mobile 的主题用 … 了解更多
一直找不到 HTML5 的代码示例就直接写了一个作为备用。 这是一个符合 W3C 标准的 HTML5 的页面基本代码：
首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐！iLost 的 CMS 版在进行语音包的处理，很快就可以发布了。 最近把 iPhone 的样式更新了，主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式，搜索和分享在竖屏状态下是隐藏了的。 现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。
经过几天的努力，再次把 iPad 的样式更新了，现在搞成类 WebApp 的风格了。竖屏状态下看不到边栏内容，完全是个阅读模式，横屏的时候就可以看到边栏的内容了。直接使用 iPad 访问本站就可以看到了。预览图在这里： 首页：