使用缩写可以帮助减少你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 的页面基本代码：
经过几天的努力，再次把 iPad 的样式更新了，现在搞成类 WebApp 的风格了。竖屏状态下看不到边栏内容，完全是个阅读模式，横屏的时候就可以看到边栏的内容了。直接使用 iPad 访问本站就可以看到了。预览图在这里： 首页：
刚刚给自己的Blog主题添加了一些 CSS3.0 的动画效果。 不过经过测试发现 Google Chrome 依然是那么不给力啊。首先动画效果不流畅。更重要的是居然有锯齿的出现。Firefox 虽然动态效果不流畅，但是没有锯齿。Safari 下的动态效果非常流畅。效果也是最好的。 现在看来 Google Chrome 和 Firefox 对 CSS3.0 动画的支持还是要加强啊。
Css Reset是什么? 有些同行叫 "css复位", 有些可能叫 "默认css". CSS Reset 就是要重置 CSS 样式. 但是 CSS Reset 绝不仅仅是为了清除 html 元素默认表现,而是为了更好的统一各种浏览器下面的表现从而使得我们避开各种浏览器 BUG 所带来的问题, 所以”重 置”这个词很恰当. 需要注意的是: Reset 不是万能的! 随着时间的流逝和技术的进步, Reset也应相应的变化.
有时css文件里面用到中文字体的时候由于字体编码的关系要使用到中文字体的英文字体名字. 然而有些中文字体的英文名字却不是那么好记. 所以我这里就搜集了一些.